[JavaScript]Wyświetlanie divów po kliknięciu w img, jak wyżej. Opcje

[miras]

Witam, mam następujący problem muszę zrobić takie 'coś', że: mam 3 obrazki po kliknieciu w pierwszy obrazek wyświetla się div1 w 2 div2 itd.

Nie mam pojęcia jak się za to zabrać.

Dzięki z góry!

[markonix]

Naskrobałeś czy skopiowałeś?

Napisałem Ci żebyś skorzystał z jQuery - jeżeli zawsze będą 3 to wystarczy tak.

[HTML] pobierz, plaintext 
<img id="img_1" class="switch" />
<img id="img_2" class="switch" />
<img id="img_3" class="switch" />
 
<div class="img_1" />
<div class="img_2" />
<div class="img_3" />
[HTML] pobierz, plaintext 

[PHP] pobierz, plaintext 
$(document).ready(function(){
 
	$('.switch').click(function() {
 
		Pobierz do zmiennej ID
		var id;
 
		I potem można tak się odwoływać
		$('div.' + id).show();
 
		Oczywiście trzeba pozostałe schować, najprościej schować wszystkie przed powyższą linią.
 
	});
 
});
[PHP] pobierz, plaintext 

Jeżeli liczba obrazków będzie zmienną to proponuje jakiś atrybut np. "rel", który będzie przyjmował numery od 1 w górę.
Kod będzie zbliżony do powyższego tylko szukanie po atrybucie nie po klasie (klasa nie może być cyfrą).

Ten post edytował markonix 22.07.2012, 15:34:18