zmena obrazku

Potreboval bych, aby se po najeti mysi nad urcity textovy odkaz, nekde jinde na strance zmenil obrazek. Pomoci CSS (background-image) nebo JS (on mouseover) se mi to nedari.

Nevite nekdo prosim jak na to?

No, fakt mas pravdu CSS v IE nefunguje. Vymyslim to v JS. Moment.

Klidne pockam......

>> ... CSS v IE nefunguje

Jak to myslíš?

Petr Bláha:
zkoušel jsem:
div:hover {
background-image: url("img/bkg.png");
}
-- no a v Mozille jo a v IE nee.

hover jde v IE jen u odkazu :/

A jak tedy docilim toho, aby se mi po najeti na TEXTOVY odkaz zobrazil obrazek pod nim?

Java Scriptem:

Tohle dej mezi <head></head>

<script language="JavaScript">

</script>

... a pak u odkazu:

<a href="neco.htm" onMouseOver="document.odkaz_1.src='obrazek_2.jpg'" onMouseOut="document.odkaz_1.src='obrazek_1.jpg'">
<img src="obrazek_1.jpg" name="odkaz_1" border="0" height="20" width="20" /> Název odkazu</a>

a:hover {background: url(pododkazem.gif) bottom center no-repeat}

... myslim...

tak jsem vykrad jeden web, na divu - tedy obecně na blokovem elementu to funguje takto:
<div onmouseover="this.className='cl_over'" onmouseout="this.className='cl_out'">Toto je text</div>

kde cl_over a cl_out musi by nadefinovane třídy v CSS. Zkoušel jsem to v Mozille i v IE a funguje to.

to Petr Blaha:

je to sympaticky skript, ale ja potrbuji mit jako odkaz jen text a ne cely obrazek....a jsete k tomu nechci obmenu obrazku po najeti mysi ale potreboval bych, aby se objevil zcela novy obrazek, kde pred tim nic nebylo....

To michal:

1) Tak zkus ten obrázek normálně neuzavírat do odkazu a dát ho na libovolný místo. U toho obrázku je totiž atribut NAME, kterej se vyvolává při přejetí odkazu pomocí události onMouseOver

2) Udělej ten první obrázek, aby úplně přesně zapadal do pozadí. Stačí třeba stejně barevnej čtvereček, jako je pozadí

..tak to onmouseover a on mouseout dej do <a ... a nastav spravne hodnty v css. dyť je to univerzální.... navíc krátké a pochopitelné, kurňa...

Diky moc Petre......je to v pohode :)

Dik i Markovi, nakonec jsem se priklonil k JS alternative bez vyuziti CSS

..no, hlavně že to chodí :-D

To michal:

Není za co, když se mrkneš na blahapet.wz.cz, tak to MENU vlevo mám řešený s obrázkama obdobně, jak jsem ti říkal

← Zpět na všechna témata

Nové příspěvky

Smazani stranek index.html ) HTML Tabulky Zalamování textu pomocí CSS Přesměrování Arduino - 400 Bad Request Nastavení českých písmen POMOC! po druhé! Pozicování (obrázek na střed). Jak vycentrovat obrazek, ktery je v prikazu absolute ? Použití tvůrce webu katalog async functions' is only available in es8 (use 'esversion: 8') Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0 Problém s načítáním Div pro reklamu překrývá prvky webové stránky Nezobrazuje se mi lišta s reklamou ako nahrám na môj web favicon? JavaScript - nečitelný soubor *.js - jak prohlížet/editovat Problém s textem videostream index.html GB///refresh///JS Total Commander - server nenalezen Mobilní verze webu

Další témata

Webzdarma zvládnete to sami

zmena obrazku

Nové příspěvky