Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

galeria zdjęć uruchamiana po kliknięciu na zdjęcie

Tworzenie dynamicznych stron internetowych z zastosowaniem JavaScript, jQuery, Ajax. Dowiedz się jak to zrobić, znajdź rozwiązania swoich problemów.

galeria zdjęć uruchamiana po kliknięciu na zdjęcie

Post 27.11.2017, 23:44:54

Hej wszystkim,

Ostatnimi czasy zacząłem uczyć się JavaScript i pracuję nad projektem własnej strony. Chciałbym napisać kod, w którym po kliknięciu na jedno zdjęcie uruchamia się galeria zdjęć (5-6 zdjęć w jednej galerii z przyciskami następny i poprzedni jak i również "krzyżykiem" zamykającym galerię. Kod ten chciałbym zastosowa w wielu divach. Jest wiele gotowych skryptów aczkolwiek nie potrafię dostosować ich do istniejącego kodu. To co udało mi się zrobić to wywołać po 1 kliknięciu jedno zdjęcie w trybie pełnoekranowym aczkolwiek jak wspomniałem wcześniej chcę rozszerzyć to do wielu zdjęć z nawgacją.
Swój kod HTML, CSS i JavaScript umieściłem w https://jsfiddle.net/3anLzr2v/1/.
Poniżej znajduje siętylko kod JS:
Kod: Zaznacz cały
var modal = document.getElementById('myModal');
var img = $('.myImg');
var modalImg = $("#img01");
var captionText = document.getElementById("caption");
$('.myImg').click(function() {
  modal.style.display = "block";
  var newSrc = this.src;
  modalImg.attr('src', newSrc);
  captionText.innerHTML = this.alt;
});

var span = document.getElementsByClassName("close")[0];

span.onclick = function() {
  modal.style.display = "none";
}

var modal = document.getElementById('myModal');
modal.addEventListener('click', function() {
  this.style.display = "none";
})


W linku poniżej możecie zobaczyć co udało mi się zrobić:
Obrazek
https://ibb.co/kQ7GDR

Z góry dzięki za pomoc,

Pozdrawiam
adi9225
Posty: 1
Dołączył(a): 27.11.2017

Powrót do JavaScript


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Bing [Bot], Yahoo [Bot] i 4 gości

Hosting, Domeny, SSL

Subskrypcja

Mamy 50864 zarejestrowanych użytkowników.
Najnowszy użytkownik: paulinaka


Nasi użytkownicy napisali:

  • 936286 wiadomości
  • w 246804 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)