<?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>Comments on: Membuat Animasi Image Rotator Dengan JQuery</title>
	<atom:link href="http://chandrajatnika.com/2010/01/membuat-animasi-image-rotator-dengan-jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://chandrajatnika.com/2010/01/membuat-animasi-image-rotator-dengan-jquery/</link>
	<description>Sharing Tentang IT, Programming, dan Belajar Pengembangan Aplikasi</description>
	<lastBuildDate>Tue, 31 Aug 2010 05:26:21 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
	<item>
		<title>By: adibowo</title>
		<link>http://chandrajatnika.com/2010/01/membuat-animasi-image-rotator-dengan-jquery/comment-page-1/#comment-814</link>
		<dc:creator>adibowo</dc:creator>
		<pubDate>Tue, 27 Jul 2010 05:57:30 +0000</pubDate>
		<guid isPermaLink="false">http://chandrajatnika.com/?p=300#comment-814</guid>
		<description>keren boz ini
aku juga sudah buat diblogku.
dilihat yaw..hehehe</description>
		<content:encoded><![CDATA[<p>keren boz ini<br />
aku juga sudah buat diblogku.<br />
dilihat yaw..hehehe</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: admin</title>
		<link>http://chandrajatnika.com/2010/01/membuat-animasi-image-rotator-dengan-jquery/comment-page-1/#comment-812</link>
		<dc:creator>admin</dc:creator>
		<pubDate>Mon, 26 Jul 2010 02:50:22 +0000</pubDate>
		<guid isPermaLink="false">http://chandrajatnika.com/?p=300#comment-812</guid>
		<description>&lt;a href=&quot;#comment-810&quot; rel=&quot;nofollow&quot;&gt;@wawan &lt;/a&gt; 
bisa aja mas, siapkan 1 variable array yg menyimpan link utk setiap image. sisipkan setelah line-10.
&lt;pre lang=&quot;javascript&quot; line=&quot;10&quot;&gt;
var imageList = [&#039;slide1.jpg&#039;,&#039;slide2.jpg&#039;,&#039;slide3.jpg&#039;,&#039;slide4.jpg&#039;];
var imageLink = [&#039;http://kemana.com&#039;,&#039;http://kesini.com&#039;,&#039;http://kesono.com&#039;,&#039;http://apalah.com&#039;]; 
&lt;/pre&gt;
lalu ketika looping html image kasih tambahan seperti ini.
&lt;pre lang=&quot;javascript&quot; line=&quot;36&quot;&gt;
var link = 0;
$(imageList).each( // looping isi array gambar
   function(){
	  // gambar secara default di sembunyikan terlebih dahulu 
	  imgStr += &#039;&lt;a href=&quot;&#039;+imageLink[link]+&#039;&quot; rel=&quot;nofollow&quot;&gt;&lt;img src=&quot;&#039;+imageDirectory+this+&#039;&quot; border=&quot;0&quot; style=&quot;display:none&quot; /&gt;&lt;/a&gt;&#039;; 
	  link++;
   }
);
&lt;/pre&gt;</description>
		<content:encoded><![CDATA[<p><a href="#comment-810" rel="nofollow">@wawan </a><br />
bisa aja mas, siapkan 1 variable array yg menyimpan link utk setiap image. sisipkan setelah line-10.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>10
11
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> imageList <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'slide1.jpg'</span><span style="color: #339933;">,</span><span style="color: #3366CC;">'slide2.jpg'</span><span style="color: #339933;">,</span><span style="color: #3366CC;">'slide3.jpg'</span><span style="color: #339933;">,</span><span style="color: #3366CC;">'slide4.jpg'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> imageLink <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'http://kemana.com'</span><span style="color: #339933;">,</span><span style="color: #3366CC;">'http://kesini.com'</span><span style="color: #339933;">,</span><span style="color: #3366CC;">'http://kesono.com'</span><span style="color: #339933;">,</span><span style="color: #3366CC;">'http://apalah.com'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>lalu ketika looping html image kasih tambahan seperti ini.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>36
37
38
39
40
41
42
43
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> link <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span>
$<span style="color: #009900;">&#40;</span>imageList<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">each</span><span style="color: #009900;">&#40;</span> <span style="color: #006600; font-style: italic;">// looping isi array gambar</span>
   <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
	  <span style="color: #006600; font-style: italic;">// gambar secara default di sembunyikan terlebih dahulu </span>
	  imgStr <span style="color: #339933;">+=</span> <span style="color: #3366CC;">'&lt;a href=&quot;'</span><span style="color: #339933;">+</span>imageLink<span style="color: #009900;">&#91;</span>link<span style="color: #009900;">&#93;</span><span style="color: #339933;">+</span><span style="color: #3366CC;">'&quot; rel=&quot;nofollow&quot;&gt;&lt;img src=&quot;'</span><span style="color: #339933;">+</span>imageDirectory<span style="color: #339933;">+</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #339933;">+</span><span style="color: #3366CC;">'&quot; border=&quot;0&quot; style=&quot;display:none&quot; /&gt;&lt;/a&gt;'</span><span style="color: #339933;">;</span> 
	  link<span style="color: #339933;">++;</span>
   <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

]]></content:encoded>
	</item>
	<item>
		<title>By: wawan</title>
		<link>http://chandrajatnika.com/2010/01/membuat-animasi-image-rotator-dengan-jquery/comment-page-1/#comment-810</link>
		<dc:creator>wawan</dc:creator>
		<pubDate>Fri, 23 Jul 2010 17:01:49 +0000</pubDate>
		<guid isPermaLink="false">http://chandrajatnika.com/?p=300#comment-810</guid>
		<description>Wah..bagus banget mas,..sangat membantu,..Thanks.
Btw,..klo image itu mo di kasih link gimana ya?</description>
		<content:encoded><![CDATA[<p>Wah..bagus banget mas,..sangat membantu,..Thanks.<br />
Btw,..klo image itu mo di kasih link gimana ya?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: admin</title>
		<link>http://chandrajatnika.com/2010/01/membuat-animasi-image-rotator-dengan-jquery/comment-page-1/#comment-765</link>
		<dc:creator>admin</dc:creator>
		<pubDate>Fri, 04 Jun 2010 04:40:40 +0000</pubDate>
		<guid isPermaLink="false">http://chandrajatnika.com/?p=300#comment-765</guid>
		<description>&lt;a href=&quot;#comment-740&quot; rel=&quot;nofollow&quot;&gt;@taufik &lt;/a&gt; 
di line 10 variable &lt;strong&gt;imageList&lt;/strong&gt; kmu masukiin dari hasil load di php aja. php generate javascript</description>
		<content:encoded><![CDATA[<p><a href="#comment-740" rel="nofollow">@taufik </a><br />
di line 10 variable <strong>imageList</strong> kmu masukiin dari hasil load di php aja. php generate javascript</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: admin</title>
		<link>http://chandrajatnika.com/2010/01/membuat-animasi-image-rotator-dengan-jquery/comment-page-1/#comment-761</link>
		<dc:creator>admin</dc:creator>
		<pubDate>Fri, 04 Jun 2010 02:57:58 +0000</pubDate>
		<guid isPermaLink="false">http://chandrajatnika.com/?p=300#comment-761</guid>
		<description>&lt;a href=&quot;#comment-756&quot; rel=&quot;nofollow&quot;&gt;@johan &lt;/a&gt; 
kan cuma buat table sederhana aja. id, nama_image dan lokasi_image. 
lalu nampilinnya di random</description>
		<content:encoded><![CDATA[<p><a href="#comment-756" rel="nofollow">@johan </a><br />
kan cuma buat table sederhana aja. id, nama_image dan lokasi_image.<br />
lalu nampilinnya di random</p>
]]></content:encoded>
	</item>
</channel>
</rss>
