Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][JAVA] Podświtlanie obrazka
Forum PHP.pl > Forum > Przedszkole
patryk20120
Witam, mam drobny problem, mam kod na podświetlanie obrazka (przezroczystość) i nie działa, brałem już z różnych stron, lecz też mi nie działa tongue.gif Może ktoś mi podać poprawnie działający kod z OnMouseOver i OnMouseOut questionmark.gif
Lion_87
a pokaż swój kod może ktoś będzie wiedział czemu nie działa.
patryk20120
Mój kod to:
  1. <script language="javascript">
  2. function makevisible(cur,which){
  3. if (which==0)
  4. cur.filters.alpha.opacity=75
  5. else
  6. cur.filters.alpha.opacity=100
  7. }
  8. </head>
  9. <img src="images/2.jpg" style="filter:alpha(opacity=100);" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)">
  10. </body>
  11. </html>
Lion_87
a coś takiego patrzyłeś blabla
patryk20120
Ale tam nie ma nic takiego tongue.gif
piotrooo89
a ja bym to w css zrobił.

nadaj jakąś klase obrazkowi i później

  1. .jakas_klasa:hover
  2. {
  3. filter: alpha(opacity=9);
  4. -moz-opacity: 0.9;
  5. -khtml-opacity: 0.9;
  6. }
patryk20120
Dalej nie działa...
erix
Cytat
Kod
.jakas_klasa:hover
{
filter: alpha(opacity=9);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
}


Dwa ostatnie są ok, ale pierwszy skisiłeś tongue.gif
Kod
.jakas_klasa:hover
{
filter:  alpha(opacity = 90);
opacity: 0.9;
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
}
patryk20120
Nie no tongue.gif dalej nie działa. Mam FF co może byc nie tak :/
piotrooo89
pokaż jak to robisz bo u mnie ok.
nitek
zamiast js, css winksmiley.jpg

dla IE, stwórz plik ie.css
Kod
#footer a img, ul.image a img {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
}
    
#footer a:hover img, ul.image a:hover img {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}


dla FF, style.css

Kod
#footer a img {opacity: 0.75;    vertical-align: middle;}
#footer a:hover img {opacity: 1;}



strone daj tak:
Kod
<html>
<head>
    <link rel='stylesheet' type='text/css' href='style.css'>
    <!--[if IE]>    <link rel='stylesheet' type='text/css' href='ie.css'>            <![endif]-->
</head>

<body style="background-color: black;">

        <div id='footer'>
        <a href='http://jigsaw.w3.org/css-validator/check/referer?profile=css3' target='_blank'><img src='img/css.png'alt='Poprawny CSS' border='0'></a>
        <a href='http://validator.w3.org/check?uri=referer' target='_blank'><img src='img/html.png' alt='Poprawny HTML 4.01 Strict!' border='0'></a>
        </div>

</body>


'żywy' przykład na strone id2it.pl
patryk20120
Aaaa teraz działa tongue.gif
Dzięki, w tym był problem, że obrazek musiał być w znacznikach <a> smile.gif

Edit:
Podświetlanie nie działa w IE tongue.gif
nitek
Cytat(patryk20120 @ 15.11.2008, 23:02:57 ) *
Podświetlanie nie działa w IE tongue.gif


Wykorzystałeś mój skrypt, czy inny? U mnie działa i pod IE... winksmiley.jpg
patryk20120
tak, wykorzystuje Twój skrypt...

Edit:
Dziwne, bo teraz działa tongue.gif jeszcze raz dzięki smile.gif
nitek
a spróbuj dla ie.css dać:

Kod
#footer a img {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
}
    
#footer a:hover img {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}


no i powiedz jaką wersję IE masz u siebie? smile.gif
patryk20120
Mam IE 6 tongue.gif ale już działa dzięki smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.