Autor | Zpráva | ||
---|---|---|---|
Petra z Votic Profil |
#1 · Zasláno: 8. 10. 2007, 13:25:41
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 |
#2 · Zasláno: 8. 10. 2007, 13:33:08 · Upravil/a: Joker
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 |
#3 · Zasláno: 8. 10. 2007, 13:41:55
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 |
#4 · Zasláno: 8. 10. 2007, 13:47:41
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 |
#5 · Zasláno: 8. 10. 2007, 13:54:27
Joker
Jo, to je chytrý :o) |
||
Časová prodleva: 17 let
|
0