Změna obrazku podle výběru – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Zdravím,
JS fakt nerozumím, zatím ještě nebyl čas jej začít studovat, nicméně se po mně požaduje jeden takový prvek v jedné zakázce. Jde o to, že návštěvník (potencionální zákazník) má možnost si objednat výrobek, a potřebuji, aby se při výběru barvy/vzorku v selectu načetl vedle daný vzorek. Třeba vyberu kameny, načte se mi obrázek se vzorky kamenů. Pak to změním na mahagon, změní se obrázek na mahagon, atd. Našel jsem, že to funguje skrze onChange, jenže jak říkám, moje znalosti JS jsou tak leda ctrl+c a ctrl+v. Všecky vzorky mám v DB, obrázky na serveru... Děkuju za pomocnou ruku

To slawe : toz studuj studuj...
onChange by mohl byt krok spravnym smerem.. ted se jeste mrknout jak se delaj JS funkce a jak funkci prihodit k tomu onChange
(mozna dokonce hledat "JS onChange"?)
a samozrejme obrazku jde javascriptem zmenit vlastnost .src, kterou jiste znas z HTML jako nastaveni jaky obrazek ma byt zobrazen

Já bych se prvé řadě nepatlal s JS a použil nějaký framework :)

Neviem či mu treba nejaký framework, ak potrebuje takú maličkosť. Stačí ak na tom prvku select napíšeš atribút onchange="zmenObrazok(this)" a prvku img dáš atribút id (napr.: idObrazku) a potom si definuješ krátku funkciu:

var cesty_k_obrazkom = {

  kameny : 'kameny.jpg',

  kvetiny : 'kvetinac/vnutorny/muskat.jpg',

  ...

};



function zmenObrazok(select) {

  var nazov = select.options[select.selectedIndex].value;

  document.getElementById('idObrazku').src = cesty_k_obrazkom[name];

}