Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript] Podgląd miniaturki zdjęcia
Forum PHP.pl > Forum > Przedszkole
BuncolPL
Witam,

Mam problem z javascript. Chciałbym zrobić podgląd miniaturek zdjęć. Miniaturki wybiera się za pomocą formularza (select). Stworzyłem taki kod:

  1. <p><img name="foto1_obr" src="n.gif"></p>
  2. <p><select name="foto1" onChange="document.all.foto1_obr.src=\'../gallery/min/\'+document.all.foto1.options[document.all.foto1.selectedIndex].value;">
  3. <option value="0">brak</option>
  4. <option value="foto1.jpg">foto1.jpg</option>
  5. <option value="foto2.jpg">foto2.jpg</option>
  6. </select></p>


Ale niestety to rozwiązanie nie działa. Mógłby ktoś coś zasugerować aby było ok ?

Pozdrawiam
Marcin
d3ut3r
  1. <script type="text/javascript">
  2. function changeImage(select){
  3.  
  4. document.getElementById('img-container').src=select;
  5. }
  6.  
  7. <select name="image" id="image" onChange="changeImage(this.value)">
  8. <option value="http://doyoufancysomeenglish.files.wordpress.com/2011/11/dmbtest.gif">test 1</option>
  9. <option value="http://www.vnvlvokc.com/ow_userfiles/plugins/shoppro/images/product_1.jpg">test 2</option>
  10. <option value="http://www.prepolino.ch/sprache/trennen/bilder/test.gif">test 3</option>
  11.  
  12. <img id="img-container" src="http://doyoufancysomeenglish.files.wordpress.com/2011/11/dmbtest.gif" />
BuncolPL
Dzięki d3ut3r o takie coś mi chodziło.

A da to się jeszcze przerobić aby była obsługa katalgów, bo w value chciałbym wstawić same nazwy plików, a nie całe ścieżki.
d3ut3r
[JAVASCRIPT] pobierz, plaintext
  1. function changeImage(select){
  2.  
  3. document.getElementById('img-container').src='http://domena.com/twoj/katalog/'+select;
  4. }
  5.  
[JAVASCRIPT] pobierz, plaintext
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.