ďťż

Rozjaśniające sie obrazki Jak je zrobić ?

       

Podstrony


telcocafe

Widziałem na wielu stronach przyciemnione obrazki, które rozjaśniają sie po najechaniu na nie myszką. Wie ktoś jak je zrobić ? :huh:



Trzeba mieć 2 takie same obrazki, jeden jaśniejszy od drugiego, no i potem klasyczne mouseover.

To nie to. Tamto rozjaśnienie przez MouseOver jest gwałtowne. A ja widziałem powoli rozjaśniające sie obrazek (tylko nie mówcie zebym zrobił kilka obrazkow i posklejał w animacje)

Java-script, kiedyś coś takiego miałem, musisz poszukać na stronach z darmowymi skryptami.



Alpha w stylach css + java script dają taki efekt... Jak znajdę to napiszę dokładnie... Jest na ten temat trochę na http://www.kurshtml.boo.pl/


Alpha w stylach css + java script dają taki efekt... Jak znajdę to napiszę dokładnie... Jest na ten temat trochę na http://www.kurshtml.boo.pl/


He he mój ulubiony kurs. Mam go od dawna na kompie ;) i jak narazie nic z niego nie wyczytałem na ten temat. Chyba musze go jeszcze raz przestudiować :>

Wszystko jest opsanie na http://www.webmark.prv.pl/

<style> #myimage{ filter:light } </style> <img id="myimage" src="img.jpg"> <script language="Javascript1.2"> s = 30; vp = 10; startx = 0; starty = 0; var IE = document.all?true:false function moveL() { xv = tempX; yv = tempY; myimage.filters.light.MoveLight(1,xv,yv,s,true); } if (IE&&myimage.filters) document.all.myimage.onmousemove = getMouseXY; var tempX = 0 var tempY = 0 function getMouseXY(e) { tempX = event.offsetX tempY = event.offsetY  if (tempX < 0){tempX = 0}  if (tempY < 0){tempY = 0}  if (t)  {     moveL();  }  return true } var xv = startx; var yv = starty; var t= true; if (IE&&myimage.filters){ myimage.style.cursor="hand"; myimage.filters.light.addAmbient(255,255,255,vp) myimage.filters.light.addPoint(startx,starty,s,255,255,255,255) } </script>

Zamień nazwy obrazków (img.jpg) ,a jak podziała to odpisz :)
Użytkownik adam.baranowski1 edytował ten post 08 sierpień 2005, 20:33
Może poprostu były zrobione we Flashu

ja wuciagnalem z jakies stronki skrypt i niby dziala:

<html>  <script language=Javascript> <!-- nereidFadeObjects = new Object(); nereidFadeTimers = new Object(); function nereidFade(object, destOp, rate, delta){ if (!document.all) return    if (object != "[object]"){          setTimeout("nereidFade("+object+","+destOp+","+rate+"," +delta+")",0);        return;    }            clearTimeout(nereidFadeTimers[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){        nereidFadeObjects[object.sourceIndex]=object;        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects[ "+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate) ;    } } //--> </SCRIPT> <a href=home.html target=_blank><img src=buton.gif border='0' style="filter:alpha(opacity=35)" onmouseover="nereidFade(this,100,20,10)" onmouseout="nereidFade(this,20,5,5)"></a> </html>

jesli chcemy miec wiecej jak jeden obrazek,wpisujemy kolejne:
<a href=home.html target=_blank><img src=buton2.gif border='0' style="filter:alpha(opacity=35)" onmouseover="nereidFade(this,100,20,10)" onmouseout="nereidFade(this,20,5,5)"></a>

w miejscu gdzie chemy miec ten obrazek ofc. :)

mam nadzieje ze o to chodzilo i ze pomoglem :)

I co działa mój skrypt czy nie bo się nie cierpliwie :mad:


I co działa mój skrypt czy nie bo się nie cierpliwie :mad:

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.