Autor Zpráva
marvayscz
Profil *
dobrý den.
marně se snažím udělat obrázkový odkaz na odesílání emailu tak, aby po najetí myší na obrázek změnil z čb na barevný.

mailovou funkci jsem používal "mailto" a na záměnu obrázku funkci "onmouseover"
bohužel tyto dvě kombinace dohromady mají za následek to, že se mi obrázek nezobrazí.

tak jsem začal googlit a googlit, ale nic kloudného jsem nenašel. pomůže někdo prosím?
jenikkozak
Profil
marvayscz:
Na změnu obrázku na pozadí odkazu bohatě stačí CSS a pseudotřída :hover. Nastavte odkazu obrázek na pozadí a při najetí myší tento obrázek změňte.

bohužel tyto dvě kombinace dohromady mají za následek to, že se mi obrázek nezobrazí.
Pak asi byla chyba v jejich zápisu.
marvayscz
Profil *
<a href="mailto:info@domena.cz"><img height="75" width="260" alt="iveco-cb" src="images/banners/email_cb.png" onmouseover="this.src='images/banners/email.png';" onmouseout="this.src='images/banners/email_cb.png';" /></a>



jednoduše jsem vložil obrázek, přidal mouseover a pak mailto.
vyzkouším to ještě tedy stím :href
panther
Profil
marvayscz:
jednoduše jsem vložil obrázek, přidal mouseover a pak mailto.
oba obrazky existuji? Pripadne dodej odkaz na stranku, kde je cely problem k videni.
marvayscz
Profil *
stránka je ve výstavbě a mám ji zamklou. jde o vlastní html modul v joomle.

no vyřešil sem to trochu složitěji. myslel jsem, že na to bude jednoduchý a čistý způsob.

udělal jsem si tři obrázky (email, email po najetí kurzoru a prázdný png stejného rozměru) a vložil prázdný png a dal na ní funkci volání emailu. přidal mu #email.
do css jsem zadal pro #email pozadí jako černobílý obrázek a pak #email:hover obrázek vybarvený po najetí kurzorem.
jenikkozak
Profil
marvayscz:
stránka je ve výstavbě a mám ji zamklou.
To je uvedeno v obvyklých výmluvách. :)
Když odkazu přidáš hodnotu display:block, dají se mu nastavit rozměry.
Fisir
Profil
Reaguji na jenikkozaka [#6]:
display:block
Pro případ, že by to chtěl mít v textu, lze použít i inline-block. (Já vím, že to víš.)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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