Pics effects

Niestety efekty dzialaja tylko w przegladarce Internet Explorer, chyba ,ze ktos ma zainstalowane wtyczki do Firefoxa lub innej przegladarki.


Wklejprzed napisem < /HEAD >
<style> .shakeimage{ position:relative } </style> <script language="JavaScript1.2"> /* Shake image script (onMouseover)- © Dynamic Drive (www.dynamicdrive.com) For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com */ //configure shake degree (where larger # equals greater shake) var rector=3 ///////DONE EDITTING/////////// var stopit=0 var a=1 function init(which){ stopit=0 shake=which shake.style.left=0 shake.style.top=0 } function rattleimage(){ if ((!document.all&&!document.getElementById)||stopit==1) return if (a==1){ shake.style.top=parseInt(shake.style.top)+rector } else if (a==2){ shake.style.left=parseInt(shake.style.left)+rector } else if (a==3){ shake.style.top=parseInt(shake.style.top)-rector } else{ shake.style.left=parseInt(shake.style.left)-rector } if (a<4) a++ else a=1 setTimeout("rattleimage()",50) } function stoprattle(which){ stopit=1 which.style.left=0 which.style.top=0 } </script>
Wklejasz zamiast 'img src ...'
<img src="URL OBRAZKA" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()">



Wklej przed napisem < /HEAD >
<SCRIPT LANGUAGE=JavaScript> /* SCRIPT TROUVE SUR L'EDITEUR JAVASCRIPT http://www.editeurjavascript.com */ function ejs_img_fx(img){ if(img && img.filters && img.filters[0]){ img.filters[0].apply(); img.filters[0].play(); } } </SCRIPT>
Wklejasz zamiast 'img src ...'
<IMG SRC="URL OBRAZKA" border="0" style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=100,Duration=1)" onLoad="ejs_img_fx(this)" onMouseOver="ejs_img_fx(this)">



Wklej przed napisem < /HEAD >
<script> /* Gradual-Highlight Image Script II- By J. Mark Birenbaum (birenbau@ugrad.cs.ualberta.ca) Permission granted to Dynamicdrive.com to feature script in archive For full source to script, visit http://dynamicdrive.com */ nereidFadeObjects = new Object(); nereidFadeTimers = new Object(); /* object - image to be faded (actual object, not name); * destop - destination transparency level (ie 80, for mostly solid) * rate - time in milliseconds between trasparency changes (best under 100) * delta - amount of change each time (ie 5, for 5% change in transparency) */ function nereidFade(object, destOp, rate, delta){ if (!document.all) return if (object != "[object]"){ //do this so I can take a string too 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>
Wklejasz zamiast 'img src ...'
<img src="URL OBRAZKA" style="filter:alpha(opacity=40)" onmouseover="nereidFade(this,100,70,20)" onmouseout="nereidFade(this,20,50,10)" border="0" http://URL DU LIEN (SI TU VEUX QUE TON IMAGES SERVE DE LIEN>



Wklejasz zamiast 'img src ...'
<img src="URL OBRAZKA" onload=this.style.filter='progid:DXImageTransform.Microsoft.Shadow(color=#black,direction=135,strength=4)' BORDER=0>




Wklejasz zamiast 'img src ...'
<img id=reflect src="URL OBRAZKA"> <br> <script> /* RETROUVEZ LES MEILLEURS SCRIPTS SUR http://www.scriptsplus.com */ function f1(){ setInterval("mdiv.filters.wave.phase+=10",100); } if (document.all){ document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">') window.onload=f1 } </script>



Wklejasz zamiast 'img src ...'
<img src="URL OBRAZKA" style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)" onmouseover="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)'" onmouseout="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'">



Wklejasz zamiast 'img src ...'
<img src="URL OBRAZKA" style="filter:blur(direction=45, strength=30)">

Jesli przydal Ci sie, ktorys efekt to milo mi bedzie zobaczyc Twoj wpis w ksiedze ;)

<-powrót

Darmowy hosting zapewnia PRV.PL