Prosta galeria w JS Opcje

[qwertyman]

Witam. Mam taki kod:

[JAVASCRIPT] pobierz, plaintext 
<script type="text/javascript" language="javascript">
function pokazIMG (whichpic) { 
	if (document.getElementById) { 
		document.getElementById('imgbox').src = whichpic.href; 
		if (whichpic.title) { 
			document.getElementById('desc').childNodes[0].nodeValue = whichpic.title; 
		} else { 
			document.getElementById('desc').childNodes[0].nodeValue = whichpic.childNodes[0].nodeValue; 
		} 
		return false; 
	} else { 
		return true; 
	} 
}
</script>
 
<div class="mainpic"> 
<img id="imgbox" src="img/small/3.png" alt="" />
</div> 
<div class="smallpic">
<p id="desc">Choose an image to begin</p>
 
<a onclick="return pokazIMG(this)" href="img/small/1.png" title="1"><img src="img/verysmall/1.png" alt=""></a>
<a onclick="return pokazIMG(this)" href="img/small/2.png" title="2"><img src="img/verysmall/1.png" alt=""></a>
<a onclick="return pokazIMG(this)" href="img/small/3.png" title="3"><img src="img/verysmall/1.png" alt=""></a>
</div> 
[JAVASCRIPT] pobierz, plaintext 

Robi on taka małą galerie wymieniając odpowiednia obrazki w "imgbox" na te klikniete na dole z diva smallpic.
Dodatkowo title wstawua w <p id="desc">. Problem jest taki, że chciałbym wstawić jeszcze lightboxa do tych większych fotek więc musiał bym przekazywać obrazek z odnośnikiem do imgbox. Coś w stylu:
<a onclick="return pokazIMG(this)" href="img/small/1.png" title="1"><a href=img/big/1.png" rel="lightbox"> <img src="img/verysmall/1.png" alt=""></a></a>

ale nie można przekazywać odnosnika w odnosniku. Proszę o jakiś pomysł jak to zrobic.

[Quider]

spróboj zrobić to zz pomocą jQuery. Polecam też wstępny tutorial do niego. http://www.internetmaker.pl/artykul/4492,2...t_nie_boli.html

Mnie osobiście łatwiej się pracuje

Pozdrawiam.

[qwertyman]

Ehh specjalnie sie zarejestrowałem, a 3s później sam doszedłem do rozwiązania. Wystarczyło zrobić tak ( pozbyłem się opisu)

[JAVASCRIPT] pobierz, plaintext 
<script type="text/javascript" language="javascript">
function pokazIMG (whichpic) { 
	if (document.getElementById) { 
		document.getElementById('imgbox').src = whichpic.href; 
		if (whichpic.title) { 
			document.getElementById('lingbox').href = whichpic.title; 
		} else { 
			document.getElementById('lingbox').href = whichpic.childNodes[0].nodeValue; 
		} 
		return false; 
	} else { 
		return true; 
	} 
}
</script>
 
 
 
 
 
 
<div class="mainpic"> 
<a id="lingbox" href="img/big/1.png"><img id="imgbox" src="img/small/3.png" alt="" /></a>
</div> 
<div class="smallpic">
<a onclick="return pokazIMG(this)" href="img/small/1.png" title="img/big/1.png"><img src="img/small/1.png" alt=""></a>
<a onclick="return pokazIMG(this)" href="img/small/2.png" title="img/big/2.png"><img src="img/small/1.png" alt=""></a>
<a onclick="return pokazIMG(this)" href="img/small/3.png" title="img/big/3.png"><img src="img/small/1.png" alt=""></a>
</div> 
[JAVASCRIPT] pobierz, plaintext 

Teraz wystarczy podpiac lightboxa.. moze komus sie przyda

. PS. Ale po co jquery skoro to 4 linijki kodu . Przy większych projektach tak ale na potrzeby czegoś takiego to to wystarczy

Ten post edytował qwertyman 23.11.2009, 22:00:42