Powiększające się zdjęcia

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>

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

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ć.

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

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

Dobra już wykombinowałem dzięki

@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.