Autor Zpráva
Martin V.
Profil *
Zdravím, chtěl jsem se zeptat, jestli můžu změnit obrázek v html když mám například kód:

<img src="/img.jpg" title="Můj obrázek" class="obr"/>


a v css

/* Nastevení pro html */
.obr{border: none;}

/* Nastevení pro JS */
.obr-aktivni { background: transparent url(../img/akt.png) 0 0 no-repeat;}



Po kliknutí zavolám pomocí JS třídu obr-aktivni ale obrázek není vidět. Řešil jsem to tak, že jsem dal do html transparentní img a zobrazoval pak rozdíl přes JS ale nastane problém, že když user vypne CSS nevidí žádný obrazek a nedostane se dal:(

Nevíte jak přinutit css aby byl obrázek v html po aplikování třídy obr-aktivni pod touto třídou? Díky za nakopnutí..

Zkoušel jsem z-index: 100; i !important; ale bez úspěchu.
__construct
Profil
Martin V.:
Keď prídáš elementu <img> triedu obr-aktivni nastavíš mu background – nezmeníš obrázok. Ak chceš meniť obrázok najjednoduchšie to bude keď použiješ javascript <img src="stary.jpg" onclick="this.src = 'novy.jpg'">
Martin V.
Profil *
__construct:
Zajímavé řešení.. Akorát nevím, jstli tam je chybka nebo to tak má být? Obrázek jde změnit jen jednou. Po kliknuti se změní starý za nový, po opětovném kliknutí se již nic nestane, nevrátí se původní (starý obrázek). Je to chyba nebo vlastnost? Jde to opravit/rozšířit? Případně prosím o názorný příklad. Moc děkuji
panther
Profil
Martin V.:
Je to chyba nebo vlastnost?
je to vlastnost. Definuješ změna src po kliknutí, nikde nedefinuješ co se má stát na další kliknutí (pokaždé se URL mění na „novy.jpg“, bez ohledu na to, jaký obrázek se aktuálně zobrazuje.

Stačilo by přidat podmínku na katuální src.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0