<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Kommentare zu: Bilder mit jQuery einblenden, wenn sie fertig geladen sind</title>
	<atom:link href="http://www.emanuel-kluge.de/tutorial/bilder-mit-jquery-einblenden-wenn-sie-fertig-geladen-sind/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.emanuel-kluge.de/tutorial/bilder-mit-jquery-einblenden-wenn-sie-fertig-geladen-sind/</link>
	<description>Zeitgenössisches Web-Design aus Hannover</description>
	<lastBuildDate>Sun, 05 Feb 2012 21:05:21 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
	<item>
		<title>Von: Werner</title>
		<link>http://www.emanuel-kluge.de/tutorial/bilder-mit-jquery-einblenden-wenn-sie-fertig-geladen-sind/#comment-5381</link>
		<dc:creator>Werner</dc:creator>
		<pubDate>Thu, 21 Jul 2011 09:02:45 +0000</pubDate>
		<guid isPermaLink="false">http://www.emanuel-kluge.de/?p=241#comment-5381</guid>
		<description>hi Emanuel,
als Spielerei würde ich das nicht abtun. Wie so häufig sucht man im Web nach einer Lösung und bekommt mit verblüffend einfachen Lösungen die Augen geöffnet. 

Ich möchte hier an dieser Stelle auch ein Tip loswerden:
Du hast das img mit der class=&quot;load&quot; zentriert und mit top und left ausgerichtet.

Für die Zukunft, probier&#039;s mal so, klappt immer.

img.load  {
  position: absolute;
  width: 32px;
  height: 32px;
  left: 50%; top: 50%;
  margin: -16px 0 0 -16px;
  }

Damit richtes Du auch Objecte am Bilschirm aus. Klappt auch im IE6.

Immer die Hälfte der tatsächlichen Höhe und Breite als &quot;minus margin&quot; geben. Good Luck

Werner</description>
		<content:encoded><![CDATA[<p>hi Emanuel,<br />
als Spielerei würde ich das nicht abtun. Wie so häufig sucht man im Web nach einer Lösung und bekommt mit verblüffend einfachen Lösungen die Augen geöffnet. </p>
<p>Ich möchte hier an dieser Stelle auch ein Tip loswerden:<br />
Du hast das img mit der class="load" zentriert und mit top und left ausgerichtet.</p>
<p>Für die Zukunft, probier's mal so, klappt immer.</p>
<p>img.load  {<br />
  position: absolute;<br />
  width: 32px;<br />
  height: 32px;<br />
  left: 50%; top: 50%;<br />
  margin: -16px 0 0 -16px;<br />
  }</p>
<p>Damit richtes Du auch Objecte am Bilschirm aus. Klappt auch im IE6.</p>
<p>Immer die Hälfte der tatsächlichen Höhe und Breite als "minus margin" geben. Good Luck</p>
<p>Werner</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Webby0815</title>
		<link>http://www.emanuel-kluge.de/tutorial/bilder-mit-jquery-einblenden-wenn-sie-fertig-geladen-sind/#comment-4923</link>
		<dc:creator>Webby0815</dc:creator>
		<pubDate>Mon, 03 Jan 2011 10:18:09 +0000</pubDate>
		<guid isPermaLink="false">http://www.emanuel-kluge.de/?p=241#comment-4923</guid>
		<description>Hi ,ersteinmal vielen dank für diese Lösung.Habe lange gesucht dafür !

Im moment siehst so bei mir aus : 

text loading image

ich würde aber gerne das image VOR dem Text haben....

macht mal einen DNSBL-Check , dann siehst du was ich meine ...
gruss
Sven</description>
		<content:encoded><![CDATA[<p>Hi ,ersteinmal vielen dank für diese Lösung.Habe lange gesucht dafür !</p>
<p>Im moment siehst so bei mir aus : </p>
<p>text loading image</p>
<p>ich würde aber gerne das image VOR dem Text haben....</p>
<p>macht mal einen DNSBL-Check , dann siehst du was ich meine ...<br />
gruss<br />
Sven</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Emanuel</title>
		<link>http://www.emanuel-kluge.de/tutorial/bilder-mit-jquery-einblenden-wenn-sie-fertig-geladen-sind/#comment-1580</link>
		<dc:creator>Emanuel</dc:creator>
		<pubDate>Thu, 04 Mar 2010 07:54:16 +0000</pubDate>
		<guid isPermaLink="false">http://www.emanuel-kluge.de/?p=241#comment-1580</guid>
		<description>hi ben,

die artikel per &lt;abbr title=&quot;ansynchronous javascript and xml&quot; lang=&quot;en&quot;&gt;ajax&lt;/abbr&gt; nachzuladen ist etwas aufwändiger. wenn ich das richtig einschätze, musst du als erstes eine php-funktion schreiben, die die benachbarten artikel identifiziert und die jeweiligen inhalte aus der datenbank lädt.

mit den &lt;abbr title=&quot;ansynchronous javascript and xml&quot; lang=&quot;en&quot;&gt;ajax&lt;/abbr&gt;-funktionen von &lt;span lang=&quot;en&quot;&gt;jquery&lt;/span&gt; kannst du diese php-funktion dann aufrufen. insgesamt dürfte das meine fähigkeiten übersteigen.

auch ist das nur spekulation meinerseits. ich weiß nicht, wie die beste lösung aussieht und möglicherweise gibt es schon plugins, die das ermöglichen.</description>
		<content:encoded><![CDATA[<p>hi ben,</p>
<p>die artikel per <abbr title="ansynchronous javascript and xml" lang="en">ajax</abbr> nachzuladen ist etwas aufwändiger. wenn ich das richtig einschätze, musst du als erstes eine php-funktion schreiben, die die benachbarten artikel identifiziert und die jeweiligen inhalte aus der datenbank lädt.</p>
<p>mit den <abbr title="ansynchronous javascript and xml" lang="en">ajax</abbr>-funktionen von <span lang="en">jquery</span> kannst du diese php-funktion dann aufrufen. insgesamt dürfte das meine fähigkeiten übersteigen.</p>
<p>auch ist das nur spekulation meinerseits. ich weiß nicht, wie die beste lösung aussieht und möglicherweise gibt es schon plugins, die das ermöglichen.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: ben</title>
		<link>http://www.emanuel-kluge.de/tutorial/bilder-mit-jquery-einblenden-wenn-sie-fertig-geladen-sind/#comment-1554</link>
		<dc:creator>ben</dc:creator>
		<pubDate>Wed, 03 Mar 2010 09:09:53 +0000</pubDate>
		<guid isPermaLink="false">http://www.emanuel-kluge.de/?p=241#comment-1554</guid>
		<description>achnee ich habs blos überlesen...ist ja gar icht gelöscht...sorry ;)</description>
		<content:encoded><![CDATA[<p>achnee ich habs blos überlesen...ist ja gar icht gelöscht...sorry <img src='http://www.emanuel-kluge.de/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: ben</title>
		<link>http://www.emanuel-kluge.de/tutorial/bilder-mit-jquery-einblenden-wenn-sie-fertig-geladen-sind/#comment-1553</link>
		<dc:creator>ben</dc:creator>
		<pubDate>Wed, 03 Mar 2010 09:09:17 +0000</pubDate>
		<guid isPermaLink="false">http://www.emanuel-kluge.de/?p=241#comment-1553</guid>
		<description>hi emanuel

also ich bin grad nichtdazu gekommen am alten problem weiterzuarbeiten...ich sehe du hast die comments wieder gelöscht...ist aber auch nciht schlimm...ich hatte blos wenig zeit was zu machen. allerdings habe ich noch ne andere frage. da du ja gan nette dinge mit jquery und wordpress anstellst (dein referenzen im portfolio...) dachte ich ir du weist evtl, ob es eine option gibt mit dem nextpage tag in beiträgen die nachfolgenden infos per jquery zu laden, ohne einen seiten refresh zu verurscahen...</description>
		<content:encoded><![CDATA[<p>hi emanuel</p>
<p>also ich bin grad nichtdazu gekommen am alten problem weiterzuarbeiten...ich sehe du hast die comments wieder gelöscht...ist aber auch nciht schlimm...ich hatte blos wenig zeit was zu machen. allerdings habe ich noch ne andere frage. da du ja gan nette dinge mit jquery und wordpress anstellst (dein referenzen im portfolio...) dachte ich ir du weist evtl, ob es eine option gibt mit dem nextpage tag in beiträgen die nachfolgenden infos per jquery zu laden, ohne einen seiten refresh zu verurscahen...</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: jan</title>
		<link>http://www.emanuel-kluge.de/tutorial/bilder-mit-jquery-einblenden-wenn-sie-fertig-geladen-sind/#comment-1521</link>
		<dc:creator>jan</dc:creator>
		<pubDate>Tue, 02 Mar 2010 08:39:05 +0000</pubDate>
		<guid isPermaLink="false">http://www.emanuel-kluge.de/?p=241#comment-1521</guid>
		<description>hi Emanuel,

danke
...falls ich eine Lösung find meld ich mich 

Gruß, j</description>
		<content:encoded><![CDATA[<p>hi Emanuel,</p>
<p>danke<br />
...falls ich eine Lösung find meld ich mich </p>
<p>Gruß, j</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Emanuel</title>
		<link>http://www.emanuel-kluge.de/tutorial/bilder-mit-jquery-einblenden-wenn-sie-fertig-geladen-sind/#comment-1512</link>
		<dc:creator>Emanuel</dc:creator>
		<pubDate>Sun, 28 Feb 2010 15:19:49 +0000</pubDate>
		<guid isPermaLink="false">http://www.emanuel-kluge.de/?p=241#comment-1512</guid>
		<description>hallo jan,

prinzipiell ist das sicherlich möglich. ich hatte die funktion auch erst an den ladestatus der bilder geknüpft, doch es hat sich herausgestellt, dass diese, wenn man im &lt;span lang=&quot;en&quot;&gt;browser&lt;/span&gt; einmal zur vorherigen seite und wieder zurück geht, nicht mehr angezeigt werden.

wenn man diese problem in den griff bekäme, könnte man anstatt:

&lt;span lang=&quot;en&quot; class=&quot;code&quot;&gt;$(window).load( function() { &#8230;&lt;/span&gt;

folgende funktion scheiben:

&lt;span lang=&quot;en&quot; class=&quot;code&quot;&gt;$(&#039;.image_frame img&#039;).each( function() { 
$(this).load( function() { &#8230;&lt;/span&gt;

theoretisch jedenfalls. ich habe das nicht ausprobiert. du kannst es mal versuchen und auch  gucken, wie das in verbindung mit den vor- und zurück-tasten des &lt;span lang=&quot;en&quot;&gt;browsers&lt;/span&gt; funktioniert.

das ist alles, was mir dazu einfällt.</description>
		<content:encoded><![CDATA[<p>hallo jan,</p>
<p>prinzipiell ist das sicherlich möglich. ich hatte die funktion auch erst an den ladestatus der bilder geknüpft, doch es hat sich herausgestellt, dass diese, wenn man im <span lang="en">browser</span> einmal zur vorherigen seite und wieder zurück geht, nicht mehr angezeigt werden.</p>
<p>wenn man diese problem in den griff bekäme, könnte man anstatt:</p>
<p><span lang="en" class="code">$(window).load( function() { &hellip;</span></p>
<p>folgende funktion scheiben:</p>
<p><span lang="en" class="code">$('.image_frame img').each( function() {<br />
$(this).load( function() { &hellip;</span></p>
<p>theoretisch jedenfalls. ich habe das nicht ausprobiert. du kannst es mal versuchen und auch  gucken, wie das in verbindung mit den vor- und zurück-tasten des <span lang="en">browsers</span> funktioniert.</p>
<p>das ist alles, was mir dazu einfällt.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: jan</title>
		<link>http://www.emanuel-kluge.de/tutorial/bilder-mit-jquery-einblenden-wenn-sie-fertig-geladen-sind/#comment-1506</link>
		<dc:creator>jan</dc:creator>
		<pubDate>Sat, 27 Feb 2010 18:03:34 +0000</pubDate>
		<guid isPermaLink="false">http://www.emanuel-kluge.de/?p=241#comment-1506</guid>
		<description>Hi Emanuel,

vielen Dank für dein tutorial - funktioniert alles besten :)
eine frage hätte ich...ist es möglich die Bilder der Reihe nach zu laden und einzufügen? Momentan sind ja alle ausgeblendet bis das letzte geladen ist
Grüße, jan</description>
		<content:encoded><![CDATA[<p>Hi Emanuel,</p>
<p>vielen Dank für dein tutorial - funktioniert alles besten <img src='http://www.emanuel-kluge.de/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /><br />
eine frage hätte ich...ist es möglich die Bilder der Reihe nach zu laden und einzufügen? Momentan sind ja alle ausgeblendet bis das letzte geladen ist<br />
Grüße, jan</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Emanuel</title>
		<link>http://www.emanuel-kluge.de/tutorial/bilder-mit-jquery-einblenden-wenn-sie-fertig-geladen-sind/#comment-1492</link>
		<dc:creator>Emanuel</dc:creator>
		<pubDate>Fri, 26 Feb 2010 14:41:41 +0000</pubDate>
		<guid isPermaLink="false">http://www.emanuel-kluge.de/?p=241#comment-1492</guid>
		<description>hat das lade-bild auch die richtige klasse. der &lt;span lang=&quot;en&quot;&gt;jquery-code&lt;/span&gt;  lässt ja alle elemente mit der klasse &lt;span lang=&quot;en&quot;&gt;load&lt;/span&gt; - in diesem falle das/die lade-bildchen - verschwinden, wenn die bilder fertig geladen sind. hat das lade-bildchen nicht die klasse &lt;span lang=&quot;en&quot;&gt;load&lt;/span&gt;, dann verschwindet es auch nicht.</description>
		<content:encoded><![CDATA[<p>hat das lade-bild auch die richtige klasse. der <span lang="en">jquery-code</span>  lässt ja alle elemente mit der klasse <span lang="en">load</span> - in diesem falle das/die lade-bildchen - verschwinden, wenn die bilder fertig geladen sind. hat das lade-bildchen nicht die klasse <span lang="en">load</span>, dann verschwindet es auch nicht.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: ben</title>
		<link>http://www.emanuel-kluge.de/tutorial/bilder-mit-jquery-einblenden-wenn-sie-fertig-geladen-sind/#comment-1491</link>
		<dc:creator>ben</dc:creator>
		<pubDate>Fri, 26 Feb 2010 14:12:42 +0000</pubDate>
		<guid isPermaLink="false">http://www.emanuel-kluge.de/?p=241#comment-1491</guid>
		<description>soooo :) jetzt bekomm ich das ladebild angezeigt, aber es verschwindet nicht wenn das image geladen ist..ich bekomm bald ne meise....</description>
		<content:encoded><![CDATA[<p>soooo <img src='http://www.emanuel-kluge.de/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  jetzt bekomm ich das ladebild angezeigt, aber es verschwindet nicht wenn das image geladen ist..ich bekomm bald ne meise....</p>
]]></content:encoded>
	</item>
</channel>
</rss>

