21. září bude sraz! Od 18.00 v restauraci Tradice v Praze u Anděla
Autor Zpráva
Petra z Votic
Profil
Nevíte někdo jak je udělána ta změna plusu ve čtverečku při hover nad náhledem obrázku?

Předpokládám, že je to pomocí CSS.

http://www.shaman.cz/fotografie/galerie-00003.htm

Díky
Joker
Profil
Je to udělané posouváním obrázku.
Viz jak je udělaný ten obrázek: shaman.cz/gfx/img-active.gif

Princip "posouvání obrázků" je na trochu jiném příkladu popsaný například tady: http://www.wellstyled.com/css-nopreload-rollovers.html

edit: na tom shaman.cz je skript proti hotlinkování obrázků, takže kliknutím na odkaz se ten obrázek nezobrazí, je potřeba si odkaz zkopírovat a vložit do adresového řádku. Upravil jsem odkaz do "neklikací" podoby.
habendorf
Profil
Přesně, tak, je to klasické pošoupnutí. Ten obrázek je bílý a průhledný, takže ho normálně neuvidíš, ani když si ho zobrazíš.
Ale zobraz si tenhle kód: <p style="background:red"><img src="http://www.shaman.cz/gfx/img-active.gif"></p> a uvidíš ho.

BTW - stačí mrknout do zdrojáku, ne?
Joker
Profil
habendorf
Ten obrázek je bílý a průhledný, takže ho normálně neuvidíš
Pravda... já si zobrazil ten obrázek a potom dal do adresního řádku
javascript:var i=document.body.style.background="black";
;-)
Poslední dobou si nějak zvykám používat adresní řádek jako příruční Javascriptovou konzoli :o)
habendorf
Profil
Joker

Jo, to je chytrý :o)

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