Powiększające się zdjęcia

0

Mam mały problem dopiero zaczynam przygodę z js i mam mały problem. Chcę na stronę wstawić zdjęcia które po kliknięciu ich zwiększą się. Mam przykładowy kod ale działa tylko na pierwsze zdjęcie na następne już nie. Niewiele z niego rozumiem więc pomoc mile widziana.

                               <img id="myImg" src="#.jpg" alt="#" width="150" height="130" >
                        </div>
                        <div id="myModal" class="modal">
                            <span class="close">×</span>
                            <img class="modal-content" id="img01">
                            <div id="caption"></div>
                        </div>
                        <script>
                            var modal = document.getElementById('myModal');
                            var img = document.getElementById('myImg');
                            var modalImg = document.getElementById("img01");
                            var captionText = document.getElementById("caption");
                            img.onclick = function(){
                              modal.style.display = "block";
                              modalImg.src = this.src;
                              captionText.innerHTML = this.alt;
                            }
                            var span = document.getElementsByClassName("close")[0];
                            span.onclick = function() { 
                              modal.style.display = "none";
                            }
                        </script>
1

Jak możesz to wrzuć to proszę na http://jsfiddle.net i daj link do twojego kodu. Znacznie ułatwi nam to udzielenie pomocy :)

0

Jest mały problem moja strona jeszcze nie jest w całości responsywna i na małych rozdzielczościach nie działa prawidłowo dodatkowo pierwszy raz widzę tą stronę i nie wiem jak się w niej poruszać.

1

Spróbuj wykorzystać bibliotekę: lightbox2

jest w miarę prosta ...
choć sam z nią walczę przy implementacji u siebie..
ALE jeśli masz prostą stronę i nic nie zrobione to zbuduj stronę na examplu skryptu będzie prościej

0

Pobrałem ten plik i robiłem wszystko jak w instrukcji ale nie działa.

0

Dobra już wykombinowałem dzięki

0

@Kacper Potaczała: skoro sobie poradziłeś, to możesz wrzucić na forum opis rozwiązania. Jest szansa, ze się przyda komuś, kto w przyszłości będzie walczył z podobnym tematem.

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0