Witam was.
Mam problem (dla was pewnie to jest błahostka) dotyczący galerii.

Znalazłem tutaj jeden temat ale niestety zdjęcia nie wyświetlały się prawidłowo więc skieruje sie bezpośrednio.

W galerii zdjęć mam jedno duże zdjęcie i obok powiedzmy 4 małe. Dążę do tego by po kliknięciu w miniaturkę zmieniało się to większe a po kliknięciu w większe w nowym oknie ( tak jak za pomocą pluginu jQuery lightBox ) wyświetlało się większe.

Nie mogę wyszukać tego lub nie wiem jak dobrze to sformułować by wyszukiwarka podała mi odpowiedni wynik.

Będę wdzięczny za podpowiedź
Pozdrawiam

[JAVASCRIPT] pobierz, plaintext 
function image(img)
{
	document.getElementById('image').src = '/images/' + img + '.jpg';
	document.getElementById('aimage').href = '/images/' + img + '.jpg';
}
[JAVASCRIPT] pobierz, plaintext 

I do zmiany używasz kodu takiego:

[HTML] pobierz, plaintext 
<a href="java script:g(obrazek);"><img src="/images/mini/obrazek.jpg" /></a> 
[HTML] pobierz, plaintext 

Łączny kod:

[HTML] pobierz, plaintext 
<script type="text/javascript">
function image(img)
{
	document.getElementById('image').src = '/images/' + img + '.jpg';
	document.getElementById('aimage').href = '/images/' + img + '.jpg';
}
</script>
 
<a href="/images/obrazek.jpg" id="aimage"><img id="image" src="/images/obrazek.jpg" /></a>
<a href="java script:image(obrazek);"><img src="/images/mini/obrazek.jpg" /></a> 
<a href="java script:image(obrazek2);"><img src="/images/mini/obrazek2.jpg" /></a> 
[HTML] pobierz, plaintext 

Nie sprawdzane, ale powinno działać. Można ulepszyć to na wiele sposobów.

sprawdziłem i nie chce przeskakiwać trochę też modyfikowałem i też nic. wyświetlać chce non stop plik który nie istnieje a ścieżki sprawdzałem.

Już wiem gdzie popełniłem błąd.

Zapomniałem o apostrofie...
Poprawny kod:

[HTML] pobierz, plaintext 
<script type="text/javascript">
function image(img)
{
	document.getElementById('image').src = '/images/' + img + '.jpg';
	document.getElementById('aimage').href = '/images/' + img + '.jpg';
}
</script>
 
<a href="/images/obrazek.jpg" id="aimage"><img id="image" src="/images/obrazek.jpg" /></a>
<a href="java script:image('obrazek');"><img src="/images/mini/obrazek.jpg" /></a> 
<a href="java script:image('obrazek2');"><img src="/images/mini/obrazek2.jpg" /></a> 
[HTML] pobierz, plaintext 

Ogólnie polecam lepiej zapoznać się z jQuery gdzie takie rzeczy będzie się łatwiej robiło.

Aha, jeszcze połącz słowa java i script w jedno bo na forum oddziela je.
Chodzi o drugi i trzeci link.