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.