Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Zmiana obrazka, oraz opisu pod nim po kliknięciu
#4
Kod:
var current = 0;
var images = [
    'img/zespol-img-1.jpg',
    'img/zespol-img-2.jpg',
   ,'img/zespol-img-3.jpg',
     ..............
];
var description = [
   ['opis 1', 'opis2', 'opis3'],
   ['opis 1', '', 'opis3'],
   ['opis 1', 'opis2', 'opis3'],
   .......................
];

function $(id) {
   return document.getElementById(id);
}

$('iImg').onclick = function() {
     this.src = images[current];
     $('kolumna1').innerHTML = description[current][0];
     $('kolumna2').innerHTML = description[current][1];
     $('kolumna3').innerHTML = description[current][2];
     current++;
     if (current > images.length) current = 0;
}

Pod obrazkiem masz 3 kolumny - #kolumna1, #kolumna2, #kolumna3

To tak łopatologicznie.
Odpowiedz


Wiadomości w tym wątku
RE: Zmiana obrazka, oraz opisu pod nim po kliknięciu - przez Kartofelek - 22-07-2013, 14:56

Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  [CSS] Presta 1.7 zmiana w pliku css ?DsxSoft 0 2,137 07-02-2019, 15:29
Ostatni post: ?DsxSoft
  Zmiana obrazka po najechaniu / Efekt rollover JS manoa 0 4,700 06-12-2018, 18:46
Ostatni post: manoa
  Zmiana sposobu rozwijania + podmiana obrazka arkadiio 7 7,212 23-03-2015, 03:52
Ostatni post: arkadiio
  wyśrodkowanie obrazka discoratka 4 4,521 23-08-2013, 03:29
Ostatni post: Kartofelek
  [css,jquery] Zmiana klasy .selected w menu czaras 1 3,114 09-06-2013, 17:52
Ostatni post: Kartofelek

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl