HTML obrázek

Jazyk HTML je značkovací jazyk - nedá sa v ňom programovať a neobsahuje ani žiadne premenné.
Mohol by si napísať, čo chceš vlastne dosiahnuť a čo si predstavuješ pod pojmom premenná?

Možno chceš len nastaviť niektoré atribúty elementu img:

<img src="..." alt="..." title="..." />

Atribút src je cesta k obrázku, atribút alt obsahuje text, ktorý sa zobrazí, keď nie je možné zobraziť obrázok a nepovinný atribút title môže obsahovať popis obrázku.

Určitě to jde !
Teď jde o to jak velké nároky na to máš.
Pokud chceš mít jen statickou HTML, která mění obrázek na základě akce uživatele stačí ti HTML.
Pokud ovšem chceš , aby se obrázek změnil už při naběhnutí stránky, prakticky se nevyhneš serverovém skriptovacímu jazyku (PHP....) ...

Nechci aby mě chytli zkušenější za slovo takže není to úplně pravda, ale prakticky stačí.
Pokud jde o pouhé HTML:

Vytvoříš obrázek a ten nějak identifikuješ. <img src='obrazek1' id='nazevIdentifikatoru'>

// Tady provedeš při konkrétní uživatelské akci změnu obrázku 
document.getElementById('nazevIdentifikatoru').href = 'obrazek2'

Kde obrazek1 a obrazek2 může být relativní nebo absolutní cesta k obrázku.
Uvedená varianta je jednodušší - HTML. Nic ale nebrání ti použít obě varianty zároveň.

// Tohle jsem psal ještě před odpovědí uvedenou výše.