<?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>Komentarze do: [jQuery] Galeria z podmianą obrazków</title>
	<atom:link href="http://websta.pl/tutoriale/jquery-galeria-z-podmiana-obrazkow/feed" rel="self" type="application/rss+xml" />
	<link>http://websta.pl/tutoriale/jquery-galeria-z-podmiana-obrazkow</link>
	<description>Blog o grafice i projektowaniu stron</description>
	<lastBuildDate>Sat, 04 Feb 2012 11:18:09 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>Autor: empresa seo</title>
		<link>http://websta.pl/tutoriale/jquery-galeria-z-podmiana-obrazkow/comment-page-1#comment-1965</link>
		<dc:creator>empresa seo</dc:creator>
		<pubDate>Thu, 02 Feb 2012 11:54:20 +0000</pubDate>
		<guid isPermaLink="false">http://websta.pl/?p=373#comment-1965</guid>
		<description>&lt;strong&gt;... [Trackback]...&lt;/strong&gt;

[...] Informations on that Topic: websta.pl/tutoriale/jquery-galeria-z-podmiana-obrazkow [...]...</description>
		<content:encoded><![CDATA[<p><strong>&#8230; [Trackback]&#8230;</strong></p>
<p>[...] Informations on that Topic: websta.pl/tutoriale/jquery-galeria-z-podmiana-obrazkow [...]&#8230;</p>
]]></content:encoded>
	</item>
	<item>
		<title>Autor: compras coletivas sp</title>
		<link>http://websta.pl/tutoriale/jquery-galeria-z-podmiana-obrazkow/comment-page-1#comment-1949</link>
		<dc:creator>compras coletivas sp</dc:creator>
		<pubDate>Thu, 02 Feb 2012 03:28:16 +0000</pubDate>
		<guid isPermaLink="false">http://websta.pl/?p=373#comment-1949</guid>
		<description>&lt;strong&gt;... [Trackback]...&lt;/strong&gt;

[...] There you will find 66754 more Infos: websta.pl/tutoriale/jquery-galeria-z-podmiana-obrazkow [...]...</description>
		<content:encoded><![CDATA[<p><strong>&#8230; [Trackback]&#8230;</strong></p>
<p>[...] There you will find 66754 more Infos: websta.pl/tutoriale/jquery-galeria-z-podmiana-obrazkow [...]&#8230;</p>
]]></content:encoded>
	</item>
	<item>
		<title>Autor: pool landscaping ideas</title>
		<link>http://websta.pl/tutoriale/jquery-galeria-z-podmiana-obrazkow/comment-page-1#comment-1932</link>
		<dc:creator>pool landscaping ideas</dc:creator>
		<pubDate>Wed, 01 Feb 2012 21:16:08 +0000</pubDate>
		<guid isPermaLink="false">http://websta.pl/?p=373#comment-1932</guid>
		<description>&lt;strong&gt;... [Trackback]...&lt;/strong&gt;

[...] Read More Infos here: websta.pl/tutoriale/jquery-galeria-z-podmiana-obrazkow [...]...</description>
		<content:encoded><![CDATA[<p><strong>&#8230; [Trackback]&#8230;</strong></p>
<p>[...] Read More Infos here: websta.pl/tutoriale/jquery-galeria-z-podmiana-obrazkow [...]&#8230;</p>
]]></content:encoded>
	</item>
	<item>
		<title>Autor: juegos para niñas</title>
		<link>http://websta.pl/tutoriale/jquery-galeria-z-podmiana-obrazkow/comment-page-1#comment-1892</link>
		<dc:creator>juegos para niñas</dc:creator>
		<pubDate>Tue, 31 Jan 2012 22:42:34 +0000</pubDate>
		<guid isPermaLink="false">http://websta.pl/?p=373#comment-1892</guid>
		<description>&lt;strong&gt;... [Trackback]...&lt;/strong&gt;

[...] There you will find 73953 more Infos: websta.pl/tutoriale/jquery-galeria-z-podmiana-obrazkow [...]...</description>
		<content:encoded><![CDATA[<p><strong>&#8230; [Trackback]&#8230;</strong></p>
<p>[...] There you will find 73953 more Infos: websta.pl/tutoriale/jquery-galeria-z-podmiana-obrazkow [...]&#8230;</p>
]]></content:encoded>
	</item>
	<item>
		<title>Autor: Buy Facebook Fans</title>
		<link>http://websta.pl/tutoriale/jquery-galeria-z-podmiana-obrazkow/comment-page-1#comment-1273</link>
		<dc:creator>Buy Facebook Fans</dc:creator>
		<pubDate>Tue, 27 Dec 2011 02:26:21 +0000</pubDate>
		<guid isPermaLink="false">http://websta.pl/?p=373#comment-1273</guid>
		<description>&lt;strong&gt;Super Website...&lt;/strong&gt;

[...] that is the end of this article. Here you’ll find some sites that we think you’ll appreciate, just click the links over[...]...</description>
		<content:encoded><![CDATA[<p><strong>Super Website&#8230;</strong></p>
<p>[...] that is the end of this article. Here you’ll find some sites that we think you’ll appreciate, just click the links over[...]&#8230;</p>
]]></content:encoded>
	</item>
	<item>
		<title>Autor: brylinx</title>
		<link>http://websta.pl/tutoriale/jquery-galeria-z-podmiana-obrazkow/comment-page-1#comment-548</link>
		<dc:creator>brylinx</dc:creator>
		<pubDate>Wed, 20 Apr 2011 17:52:43 +0000</pubDate>
		<guid isPermaLink="false">http://websta.pl/?p=373#comment-548</guid>
		<description>css bez zmian</description>
		<content:encoded><![CDATA[<p>css bez zmian</p>
]]></content:encoded>
	</item>
	<item>
		<title>Autor: brylinx</title>
		<link>http://websta.pl/tutoriale/jquery-galeria-z-podmiana-obrazkow/comment-page-1#comment-547</link>
		<dc:creator>brylinx</dc:creator>
		<pubDate>Wed, 20 Apr 2011 17:51:40 +0000</pubDate>
		<guid isPermaLink="false">http://websta.pl/?p=373#comment-547</guid>
		<description>A jednak udało się ;)
Poniżej skrypt, może się komuś przyda ;)
html:



	
	Galeria z podmianÄ… obrazkĂłw w jQuery
 
	
 
	
&lt;pre lang=&quot;javascript&quot; line=&quot;1&quot;&gt;
	
		$(function() { 
			
			$(&#039;.miniatury ul li:first-child a img&#039;).css(&#039;opacity&#039;,0.3);
			
			$(&quot;.miniatury a&quot;).mouseover(function(){
				
				$(&#039;.miniatury a img&#039;).css(&#039;opacity&#039;,1);
				$(this).children().css(&#039;opacity&#039;,0.5);
				
				var sciezka = $(this).attr(&quot;rel&quot;);


				var tytul = $(this).attr(&quot;title&quot;);
				
				$(&quot;.duzy&quot;).fadeOut(&#039;fast&#039;,function () {$(this).attr({ src: sciezka, alt: tytul }).fadeIn(&#039;slow&#039;);});
				
				return false;
			});
			
		});
	
 
 
	&lt;!--[if lt IE 8]&gt;--&gt;
	
	



	
		
	
		
		
			
			  

  &lt;a href=&quot;1.html&quot; title=&quot;1&quot; rel=&quot;nofollow&quot;&gt;

    

  &lt;/a&gt;





  &lt;a href=&quot;2.html&quot; title=&quot;2&quot; rel=&quot;nofollow&quot;&gt;

    

  &lt;/a&gt;




  &lt;a href=&quot;3.html&quot; title=&quot;3&quot; rel=&quot;nofollow&quot;&gt;

    

  &lt;/a&gt;

&lt;/pre&gt;

			
		
			
			
		
	
	

</description>
		<content:encoded><![CDATA[<p>A jednak udało się ;)<br />
Poniżej skrypt, może się komuś przyda ;)<br />
html:</p>
<p>	Galeria z podmianÄ… obrazkĂłw w jQuery</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;">&nbsp;
		$<span style="color: #009900;">&#40;</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> 
&nbsp;
			$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'.miniatury ul li:first-child a img'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'opacity'</span><span style="color: #339933;">,</span><span style="color: #CC0000;">0.3</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
			$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;.miniatury a&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">mouseover</span><span style="color: #009900;">&#40;</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>
&nbsp;
				$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'.miniatury a img'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'opacity'</span><span style="color: #339933;">,</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
				$<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">children</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'opacity'</span><span style="color: #339933;">,</span><span style="color: #CC0000;">0.5</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
				<span style="color: #003366; font-weight: bold;">var</span> sciezka <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">attr</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;rel&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
&nbsp;
				<span style="color: #003366; font-weight: bold;">var</span> tytul <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">attr</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;title&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
				$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;.duzy&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">fadeOut</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'fast'</span><span style="color: #339933;">,</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: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">attr</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span> src<span style="color: #339933;">:</span> sciezka<span style="color: #339933;">,</span> alt<span style="color: #339933;">:</span> tytul <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">fadeIn</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'slow'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
				<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span>
			<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
		<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
&nbsp;
&nbsp;
	<span style="color: #339933;">&lt;!--</span><span style="color: #009900;">&#91;</span><span style="color: #000066; font-weight: bold;">if</span> lt IE <span style="color: #CC0000;">8</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;--&gt;</span>
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
  <span style="color: #339933;">&lt;</span>a href<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;1.html&quot;</span> title<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;1&quot;</span> rel<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;nofollow&quot;</span><span style="color: #339933;">&gt;</span>
&nbsp;
&nbsp;
&nbsp;
  <span style="color: #339933;">&lt;/</span>a<span style="color: #339933;">&gt;</span>
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
  <span style="color: #339933;">&lt;</span>a href<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;2.html&quot;</span> title<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;2&quot;</span> rel<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;nofollow&quot;</span><span style="color: #339933;">&gt;</span>
&nbsp;
&nbsp;
&nbsp;
  <span style="color: #339933;">&lt;/</span>a<span style="color: #339933;">&gt;</span>
&nbsp;
&nbsp;
&nbsp;
&nbsp;
  <span style="color: #339933;">&lt;</span>a href<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;3.html&quot;</span> title<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;3&quot;</span> rel<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;nofollow&quot;</span><span style="color: #339933;">&gt;</span>
&nbsp;
&nbsp;
&nbsp;
  <span style="color: #339933;">&lt;/</span>a<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>

]]></content:encoded>
	</item>
	<item>
		<title>Autor: Websta</title>
		<link>http://websta.pl/tutoriale/jquery-galeria-z-podmiana-obrazkow/comment-page-1#comment-540</link>
		<dc:creator>Websta</dc:creator>
		<pubDate>Wed, 13 Apr 2011 13:38:44 +0000</pubDate>
		<guid isPermaLink="false">http://websta.pl/?p=373#comment-540</guid>
		<description>Jeśli chodzi o takie menu, to trochę nie tędy droga. Wypadało by to zrobić w samym CSS bez js, a dopiero potem dodać efekt np. fadeIn/Out. 

Można też w samym js, ale musisz wtedy jakoś wygenerować nazwę obrazka, który się pojawi, np. operując na stringach pobieranych z src w img.

Ogólnie przerabianie tego prostego przykładu galerii na coś zupełnie innego to lekko partyzantka ;)</description>
		<content:encoded><![CDATA[<p>Jeśli chodzi o takie menu, to trochę nie tędy droga. Wypadało by to zrobić w samym CSS bez js, a dopiero potem dodać efekt np. fadeIn/Out. </p>
<p>Można też w samym js, ale musisz wtedy jakoś wygenerować nazwę obrazka, który się pojawi, np. operując na stringach pobieranych z src w img.</p>
<p>Ogólnie przerabianie tego prostego przykładu galerii na coś zupełnie innego to lekko partyzantka ;)</p>
]]></content:encoded>
	</item>
	<item>
		<title>Autor: brylinx</title>
		<link>http://websta.pl/tutoriale/jquery-galeria-z-podmiana-obrazkow/comment-page-1#comment-539</link>
		<dc:creator>brylinx</dc:creator>
		<pubDate>Tue, 12 Apr 2011 10:21:03 +0000</pubDate>
		<guid isPermaLink="false">http://websta.pl/?p=373#comment-539</guid>
		<description>Mógłbyś podpowiedzieć jak to zrobić?
Przykładowe zastosowanie skryptu: http://www.kw.org.pl/galeria/index.html
Pod pierwszy button podpięty jest adres główny. Chciałbym aby po najechaniu na niego również zmieniało się zdefiniowane wcześniej zdjęcie pod menu. W tej chwili zdjęcia zmieniają się, jeżeli nie będą podpięte pod nie znaczniki href z adresem innym niż obrazka.
Pozdrawiam i dzięki za pomoc.</description>
		<content:encoded><![CDATA[<p>Mógłbyś podpowiedzieć jak to zrobić?<br />
Przykładowe zastosowanie skryptu: <a href="http://www.kw.org.pl/galeria/index.html" rel="nofollow">http://www.kw.org.pl/galeria/index.html</a><br />
Pod pierwszy button podpięty jest adres główny. Chciałbym aby po najechaniu na niego również zmieniało się zdefiniowane wcześniej zdjęcie pod menu. W tej chwili zdjęcia zmieniają się, jeżeli nie będą podpięte pod nie znaczniki href z adresem innym niż obrazka.<br />
Pozdrawiam i dzięki za pomoc.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Autor: Websta</title>
		<link>http://websta.pl/tutoriale/jquery-galeria-z-podmiana-obrazkow/comment-page-1#comment-538</link>
		<dc:creator>Websta</dc:creator>
		<pubDate>Tue, 12 Apr 2011 09:56:07 +0000</pubDate>
		<guid isPermaLink="false">http://websta.pl/?p=373#comment-538</guid>
		<description>Jeśli dobrze Cię rozumiem, to da radę. Zdarzenia te nie wykluczają siebie.

Pozdrawiam.</description>
		<content:encoded><![CDATA[<p>Jeśli dobrze Cię rozumiem, to da radę. Zdarzenia te nie wykluczają siebie.</p>
<p>Pozdrawiam.</p>
]]></content:encoded>
	</item>
</channel>
</rss>

