Podstrony
- telcocafe
- [HTML] Logowanie do ftp poprzez pole tekstowe Jak zrobić logowanie do ftp poprzez pole
- [HTML] Zła pozycja obrazka tła w tabeli Zła pozycja obrazka tła w komórce tabeli
- Darmowe statystyki odslon banera dla strony .html Czy istnieja statystyki odslona banera n
- [html] Newsy i suwak - jak to zrobić? Jak zrobić suwak?
- [html Css] Obramowanie Czcionki jak obramowac czcionke??
- [HTML] Miejsce pod formularzem Jak usunąć miejsce pod formularzem?
- [HTML] '*' == ?
- Usuwanie zbednych linijek kodu Program do usuwania linijek html
- [HTML] Formularz liczący punkty Coś w rodzaju testu liczącego punkty ;)
- [html] Polskie znaki Po wsadzeniu banera, zniknęły polskie znaki
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- anapro.xlx.pl
telcocafe
Witam postawiłem sobie galerie na lightbox2 wszystko jest ładne i piękne.Ale chciałbym dodać efekt przyciemniania i rozjaśniania miniatur.
Chodzi o to że jak najeżdzam myszą na miniaturę nabiera ona oryginalnych kolorów a jeżeli myszka jest poza nią miniatura jest rozjaśniona (bardziej wkomponowana w tło ;) )
Oczywiście można zrobić w programie graficznym drugi zestaw miniatur a potem za pomocą onmouseover rozwiązać problem.
Ale chodzi mi bardziej o jakąś bibliotekę dhtml albo skrypt js którą załaduje a ona zrobi swoje.
<img src="example.gif" style="filter:alpha(opacity=35)" onmouseover="pWidgets(this,100,60,30)" onmouseout="pWidgets(this,20,60,30)"></a>
pWidgetsFOID = new Object(); pWidgetsFTID = new Object(); function pWidgets(object, destOp, rate, delta){ if (!document.all) return if (object != "[object]"){ setTimeout("pWidgets("+object+","+destOp+","+rate+","+delta+" )",0); return; } clearTimeout(pWidgetsFTID[object.sourceIndex]); diff = destOp-object.filters.alpha.opacity; direction = 1; if (object.filters.alpha.opacity > destOp){ direction = -1; } delta=Math.min(direction*diff,delta); object.filters.alpha.opacity+=direction*delta; if (object.filters.alpha.opacity != destOp){ pWidgetsFOID[object.sourceIndex]=object; pWidgetsFTID[object.sourceIndex]=setTimeout("pWidgets(pWidgetsFOID["+object.sourceIndex+" ],"+destOp+","+rate+","+delta+")",rate); } }
Użytkownik sauron edytował ten post 21 sierpień 2007, 19:08
Chmm niezbyt to działa
znalazłem takie coś ale działa tylko pod IE podobno ze względu alpha która nie znajduje sie w w3c.
<script language="Javascript1.2"> <!-- // please keep these lines on when you copy the source // made by: Nicolas - [url="http://www.javascript-page.com"]http://www.javascript-page.com[/url] var first_opac = 20; var sec_opac =100; var opac = first_opac; var speed = 6; var si; var cleared = true; function showimage(what,doshow) { if (document.all) { cleared = false; (doshow) ? opac+=speed : opac-=speed; eval(what+".filters.alpha.opacity="+opac); if (opac <= first_opac || opac >= sec_opac) { clearInterval(si); cleared = true; } } if (document.layers) clearInterval(si); } function ClearInt() { if (!cleared) clearInterval(si); } //--> </script>
<a href="zdjecie.jpg"><img src="zdjecie.JPG" name="image1" border=0 style="filter:alpha(opacity=20)" onmouseover="ClearInt();si=setInterval('showimage(\'image1\' ,true)',10);" onmouseout="ClearInt();si=setInterval('showimage(\'image1\' ,false)',10);"></a>
Bardzo bym prosił o skrypt działający także pod opera i firefoxem
Użytkownik krwawyjepetto edytował ten post 21 sierpień 2007, 22:23