Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [php] pozostający efekt rozjaśnienia
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
M@X
Mam tak ciekawe rozwiązanie w którym po najechaniu na obrazek rozjasnia sie, natomiast chce aby po kliknieciu zostawał tak rozjaśniony, więc zrobiłem sobie funkje jak poniżej widać, ale coś nie działa :/ może ktos pomóc ?
  1. <a href=\"?pic=1\" <? if($pic == 1) echo('style=\"this.style.filter='alpha(opacity=100)';\"'); ?>><img src=\"gal/01m.jpg\" border=\"0\" style='filter: alpha(opacity=50)' onmouseover=this.style.filter='alpha(opacity=100)' onmouseout=this.style.filter='alpha(opacity=70)';></a>
scanner
Przenoszę: php -> CSS
revyag
A czasem nie trzeba dać tego w zdarzeniu onclick obrazka ?
Kod
<img src="gal/01m.jpg" border="0" style='filter: alpha(opacity=50)' onmouseover='this.style.filter=alpha(opacity=100)' onmouseout='this.style.filter=alpha(opacity=70)' onclick='this.style.filter=alpha(opacity=100)'>

poza tym ten średnik na końcu tagu img chyba nie jest potrzebny
M@X
no niestety to nic nie daje sad.gif
prosiłbym jeszcze o jakieś podpowiedzi...
kszychu
MOże tak?
Kod
<img src="gal/01m.jpg" border="0" style='filter: alpha(opacity=50)' onmouseover='this.style.filter=alpha(opacity=100)' onmouseout='if(!this.klikniety) this.style.filter=alpha(opacity=70)' onclick='this.klikniety=true'>
M@X
nothing..... :/
zatracam wiare.... sad.gif
kszychu
  1. <img src="gal/01m.jpg" border="0" style='filter: alpha(opacity=50)' onmouseover='jasniej(this)' onmouseout='ciemniej(this)' onclick='blokuj()'>


i funkcyjnki
Kod
<script language=javascript>
var zablokowany = false;
function jasniej(rys) {
rys.style.filter=alpha(opacity=100);
}

function ciemniej(rys) {
if(!zablokowany) rys.style.filter=alpha(opacity=70);
}

function blokuj(rys) {
zablokowany = true;
}
</script>
M@X
dalej nic...
to sie nawet nie podświetla :/

wiem wiem męcze was :/ sorki
slash^
  1. <script language="javascript">
  2. var pic=0;
  3. </head>
  4.  
  5. <img src="xxx.jpg" onmouseover="this.style.filter='alpha(opacity=50)';" onmouseout="if (pic!='1') {this.style.filter='alpha(opacity=100)'; }" onclick="this.style.filter='alpha(opacity=50)'; pic='1';" />
  6. </body>


Jesli chcesz wiecej obrazkow dla kazdego nast. zmieniasz numer (pic) i powinno dzialac? (nie testowane:))
SoulRipper
M@X - zapewne testujesz to pod Opera. Nie wiem czemu wlasnie pod O takie cos nie dziala. Ale pod IE dziala przynajmniej to co slash^ naskrobal
Zajec
Cytat(SoulRipper @ 2005-01-03 14:46:05)
M@X - zapewne testujesz to pod Opera. Nie wiem czemu wlasnie pod O takie cos nie dziala. Ale pod IE dziala przynajmniej to co slash^ naskrobal

Może dlatego, że
style.filter
to wymysł M$? Prawidzew CSS'owe opacity ma być dopiero w CSS 3
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.