Resim Değiştirme Uygulamaları

www.dijitalders.com

<select name="schemesel" onChange="document.getElementById('DegisecekResim').src=this.value" size="1">
<option value="cicek2.jpg" selected>SİYAH </option>
<option value="cicek3.jpg">MAVİ </option>
<option value="c1.jpg">GRİ </option>
<option value="c2.jpg">SARI </option>
<option value="c3.jpg">ŞAFAK MAVİSİ </option>
<option value="c4.jpg">KIRMIZI </option>
<option value="cicek1.jpg">AÇIK SARI </option>
<option value="cicek2.gif">İNCİ BEYAZI</option>
<option value="b1.gif">MOR </option>
</select>

<img src="cicek.gif" id="DegisecekResim" />

   Veya

<select name="schemesel" onChange="Yukle()" size="1" id="Secim">
<option value="cicek2.jpg" selected>SİYAH </option>
<option value="cicek3.jpg">MAVİ </option>
<option value="c1.jpg">GRİ </option>
<option value="c2.jpg">SARI </option>
<option value="c3.jpg">ŞAFAK MAVİSİ </option>
<option value="c4.jpg">KIRMIZI </option>
<option value="cicek1.jpg">AÇIK SARI </option>
<option value="cicek2.gif">İNCİ BEYAZI</option>
<option value="b1.gif">MOR </option>
</select>

<img src="cicek.gif" id="DegisecekResim" />

 

<script>
function Yukle(){
  ResimIndeksi=document.getElementById('Secim').selectedIndex;
  ResimDosyasi =document.getElementById('Secim').options[ResimIndeksi].value;
  document.getElementById('DegisecekResim').src=ResimDosyasi
}
</script>

 

Yorumunuzu Ekleyin

Fonksiyonlar
Olaylar (Events)
Fare Uygulamaları
Pencere Uygulamaları
Sayfadaki Nesnelere Erişim
Filitre Uygulamaları
Basit Sürükle Bırak Uygulaması
Sayaç(Counter) Uygulaması
Yükleniyor...