Acill Yardım

Arkadaşlar merhaba bir site üzerinde çalışıyorum ama bir sorunum var.
Sistem şu şekilde veritabanında tema diye bir tablo açtım ve içine 3 adet veri ekledim bu verileri siteye çektim liste/menü olarak çektim buraya kadar bir sorun yok çalışıyor ben ise şöyle istiyorum listeden seçtiğim temanın yan tarafta o temanın demosunu ya da bir adet görüntüsünün çıkmasını istiyorum bunu nasıl yapabilirim.

Javascript ile yapabilirsiniz. Listenizden secim yapilinca otomatik olarak goruntulenecek ya da src parametresi duzenlenecek bir gorsel yeterli olacaktir.

Ornekle aciklamak gerekirse temalariniza bir de gorsel icin sutun eklediginizi dusunelim. Ilk olarak secim icin select olusturalim. PHP kismina girmeden select ogemizin html ciktisinin su bicimde oldugunu dusunelim.

<select name="tema" id="themes">
    <option value="1" preview="/images/theme-images/theme1.jpg">Tema 1<option>
    <option value="2" preview="/images/theme-images/theme2.jpg" selected="selected">Tema 2<option>
    <option value="3" preview="/images/theme-images/theme3.jpg">Tema 3<option>
</select>

Ayni zamanda bir de img etiketine ihtiyacimiz var. 2 numarali temanin secili oldugunu goz onune alirsak sayfa acilisinda 2 numarali temanin gorselini yukleyebiliriz.

<img id="preview-image" src="/images/theme-images/theme2.jpg">

bunlardan sonra tek yapmaniz gereken jqvqscript ile selectin change olayinda resmin src parametresini degismek olacak. jQuery'den de yardim alarak su sekilde yapabiliriz.

$(document).ready(function(){
    $("#themes").change(function(){
        $("#preview-image").attr("src", $("#themes option:selected").attr("preview"))
    });
});

Bu sekilde probleminiz cozulur saniyorum. Boylece tema degistiginde gorsel de degisecektir. Sayet kendi projenizde hazirlamakta zorlanirsaniz pm atin beraber bakalim.