[PHP][JavaScript] Zmiana obrazu głównego po kliknięciu w mniejszy, Problem dotyczący galerii Opcje

[krek1]

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

Ten post edytował krek1 18.02.2012, 16:05:49

[Evinek]

[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.

[krek1]

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.

[Evinek]

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.

Ten post edytował Evinek 19.02.2012, 12:26:30