Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jquery] Ładowanie treści po klikaniu w obrazki
Forum PHP.pl > Forum > XML, AJAX
Ravik
Witam,

W jquery jestem bardzo początkujący, dlatego tutaj pojawia się moje pytanie.

Moja wizja wygląda tak:
Otóż w jednym pliku mam 3 rodzaje treści i 3 obrazki. Każdy z obrazków jest obok siebie i po kliknięciu w każdy z nich - ładuje się inna treść (do danego diva który znajduje się pod obrazkami, ukrywając poprzednio klikniętą treść), która znajduje się w tym samym dokumencie, a nie jest ładowana z innego pliku.

Satysfakcjonowałoby mnie nawet rozwiązanie z ustawieniem display:none; dla poszczególnych divów w dokumencie i zamiana klasy, lub coś w tym stylu. Wiem, że takich skryptów jest sporo (równie sporo ich ściągnąłem i testowałem), jednak nie potrafię ich dobrze przekształcić.

Będę wdzięczny za wszelkie wskazówki.

Pozdrawiam,
Ravik
gorden
[JAVASCRIPT] pobierz, plaintext
  1. $('#obrazki').click(function() {
  2. $(this).attr('', function() {
  3. $('#'+lastAlt).toggle();
  4. var lastAlt = this.alt;
  5. $('#'+this.alt).toggle();
  6. });
  7. });
[JAVASCRIPT] pobierz, plaintext


  1. <div id="obrazki">
  2. <img src="1.jpg" alt="1" /><br />
  3. <img src="2.jpg" alt="2" /><br />
  4. <img src="3.jpg" alt="3" /><br /><br />
  5. </div>
  6. <div id="1" style="display:none">tekst1<br /></div>
  7. <div id="2" style="display:none">tekst1<br /></div>
  8. <div id="3" style="display:none">tekst1<br /></div>
Niktoś
ID nie powinno zaczynać się liczbą ,wiec twoje rozwiązanie nie jest poprawne.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.