Autor Zpráva
rogue34
Profil
#1 · Zasláno: 24. 3. 2007, 13:17:12
Odpovědět Citovat
Nazdar všichni!!!
Na svém webu bych chtěl udělat galerii obrázků. Byly by to malé poloprůhledné (nebo zašedlé) obrázky, které by se po najetí myší zobrazily normálně a při kliknutí by se zobrazil v novém okně. Tak by mě zajímalo, jak na to. Tady máte příklad, jak bych si to představoval. Předem díky za radu.
P.S. Rád bych, abyste mi rovnou napsali kod (aspon zhruba), moc v tom nevyznam. Diky.
habendorf
Profil
#2 · Zasláno: 24. 3. 2007, 14:07:00
Odpovědět Citovat
opacity a filter
Bubák
Profil
#3 · Zasláno: 24. 3. 2007, 14:15:08 · Upravil/a: Bubák
Odpovědět Citovat
http://diskuse.jakpsatweb.cz/index.php?action=vthread&topic=39934&foru m=3&page=-1
Dodatek: kod použitý na stránce WALLPAPERY je mazec, autor asi nikdy neviděl pseudotřídu :hover
Zase jsem si vzpoměl na Krásné javascriptové hover efekty bez zbytečného CSSka
rogue34
Profil
#4 · Zasláno: 24. 3. 2007, 14:53:50 · Upravil/a: rogue34
Odpovědět Citovat
Zkoušel jsem:
<style>
/* zmizeni */
a#toplist img {visibility: hidden;}
a#toplist:hover img {visibility: visible;}
a#toplist:hover {visibility: visible;} /* jakakoliv deklarace, jinak to IE nechape*/

/* zprusvitneni */
a#toplist img {filter: alpha(opacity=20); opacity:0.2; }
a#toplist:hover img {filter: alpha(opacity=100); opacity:1;}
a#toplist:hover {visibility: visible;} /* jakakoliv deklarace, jinak to IE nechape*/
</style>

<a id="toplist" href=....

ale to mi nějak nefachalo. Asi sem hodně nechápavej...
Zkuste to někdo pls udělat tady na tom: www.gta4.tym.cz/loga.htm. A pak mi pls pošlete zdroják. Fakt by mi to moc pomohlo. Předem díky.
P.S. Dělám v html - ne CSS.
Bubák
Profil
#5 · Zasláno: 24. 3. 2007, 15:33:34
Odpovědět Citovat
Přidej do style tohle:

a img {filter: alpha(opacity=20); opacity:0.2; }
a:hover img {filter: alpha(opacity=100); opacity:1;}
a:hover {visibility: visible;} /* jakakoliv deklarace, jinak to IE nechape*/

P.S. Dělám v html - ne CSS.
CSS nekouše, nemá zuby. Je to usnadnění práce.
rogue34
Profil
#6 · Zasláno: 25. 3. 2007, 13:07:01
Odpovědět Citovat
JÁ SEM HROZNÁ LAMA!!!
prostě to do toho kódu nemůžu narvat - furt mi to nefachá!!!

kod:
<p align="center" style="margin-top: 0; margin-bottom: 0">
<a target="_blank" href="http://www.gta4.tym.cz/images/logo_iv.png">
<img border="0" src="images/logo_iv_sample.png" width="100" height="100"></a></p>

Prosím, udělejte to někdo tak, že to přidáte do toho kódu a pak to sem pošlete. DÍKY!!!
Bubák
Profil
#7 · Zasláno: 25. 3. 2007, 13:34:21
Odpovědět Citovat
Najdi, kde máš v kódu tohle:
<style fprolloverstyle>A:hover {color: #FF6600; font-family: Tahoma; font-size: 10pt}
</style>

Přidáš to, co jsem psal, abys měl tohle:
<style fprolloverstyle>A:hover {color: #FF6600; font-family: Tahoma; font-size: 10pt}
a img {filter: alpha(opacity=20); opacity:0.2; }
a:hover img {filter: alpha(opacity=100); opacity:1;}
a:hover {visibility: visible;} /* jakakoliv deklarace, jinak to IE nechape*/
</style>
rogue34
Profil
#8 · Zasláno: 25. 3. 2007, 13:50:25
Odpovědět Citovat
DÍKY!!!
Konečně to mám!!!
Časová prodleva: 17 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0