Kazeo
Samedi 22 Novembre 2008, Ste Cécile
Articles de la rubrique "EFFET SUR IMAGE"
 Accès direct à :
 
effet d'image

Jeudi 17 Avril 2008 à 16:40

Publié par stellay dans EFFET SUR IMAGE

 

 

le code

<p>
<script type="text/javascript"><!--
/*
NE COPIER CE CODE QU'UNE SEULE FOIS DANS VOTRE PAGE
*/
function makevisible(cur,which)
 {
 if(document.getElementById)
  {
  if (which==0)
   {
   if(document.all)
    cur.filters.alpha.opacity=100
   else
    cur.style.setProperty("-moz-opacity", 1, "");
   }
  else
   {
   if(document.all)
    cur.filters.alpha.opacity=40
   else
    cur.style.setProperty("-moz-opacity", .4, "");
   }
  }
 }
// --></script>
<!-- REPETEZ CET EXEMPLE SUR TOUTES VOS IMAGES --><a href="http://"><img style="filter:alpha(opacity=40); -moz-opacity: .4;" onmouseover="makevisible(this,0)" onmouseout="makevisible(this,1)" src="http://img124.imageshack.us/img124/1453/rad27916hs4.gif" border="0" alt="" width="193" height="143" /></a></p>

 

image opaque+texte

Vendredi 25 Avril 2008 à 18:57

Publié par stellay dans EFFET SUR IMAGE

 

 

 

rendre une image opaque, avec du texte par dessus

 


 

 

 

 

 

Image Effet Wave

Vendredi 23 Mai 2008 à 13:40

Publié par stellay dans EFFET SUR IMAGE

Image Effet Wave

 

 

 

effet zoom sur image

Lundi 21 Juillet 2008 à 14:16

Publié par stellay dans EFFET SUR IMAGE









Je Zoom Normal Je déZoom
Le jeu du Zoomby

 

le code

<html>
<head>

<script language="JavaScript1.2">

//Image zoom in/out script- by javascriptkit.com
//Visit JavaScript Kit  for script
//Credit must stay intact for use

var zoomfactor=0.05 //Enter factor (0.05=5%)

function zoomhelper(){
if (parseInt(whatcache.style.width)>10&&parseInt(whatcache.style.height)>10){
whatcache.style.width=parseInt(whatcache.style.width)+parseInt(whatcache.style.width)*zoomfactor*prefix
whatcache.style.height=parseInt(whatcache.style.height)+parseInt(whatcache.style.height)*zoomfactor*prefix
}
}

function zoom(originalW, originalH, what, state){
if (!document.all&&!document.getElementById)
return
whatcache=eval("document.images."+what)
prefix=(state=="in")? 1 : -1
if (whatcache.style.width==""||state=="restore"){
whatcache.style.width=originalW
whatcache.style.height=originalH
if (state=="restore")
return
}
else{
zoomhelper()
}
beginzoom=setInterval("zoomhelper()",100)
}

function clearzoom(){
if (window.beginzoom)
clearInterval(beginzoom)
}

</script>
</head>


<center>
<div style="position:relative;width:77;height:136"><div style="position:absolute">
<img name="myimage" src="http://img137.imageshack.us/img137/7643/imvc8.gif">
</div></div>
<br><br><br><br><br><br><br><br>
<table border=2><tr>
<td width=100 align=center bgcolor=000000 bordercolor=ffffff>
<a href="#" onmouseover="zoom(77,136,'myimage','in')" onmouseout="clearzoom()">
<font color=ffffff>Je Zoom</font></a></td>
<td width=100 align=center bgcolor=000000 bordercolor=ffffff>
<a href="#" onmouseover="zoom(77,136,'myimage','restore')">
<font color=ffffff>Normal</font></a></td>
<td width=100 align=center bgcolor=000000 bordercolor=ffffff>
<a href="#" onmouseover="zoom(120,60,'myimage','out')" onmouseout="clearzoom()">
<font color=ffffff>Je déZoom</font></a>
</td></tr>
<tr><td colspan=3 bgcolor=000000 bordercolor=ff0000>
<font color=ffffff><center>Le jeu du Zoomby</font>
</td></tr>

</table>

 

</body>
</html>

 

image reflet

Jeudi 24 Juillet 2008 à 14:59

Publié par stellay dans EFFET SUR IMAGE


le code

<html>
<head>
  
<img id="reflect" src="http://votre image"><br>
<script language="JavaScript1.2">
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>
<!--Fim --->
 <title></title>
</head>

<body>


</body>

</html>

 
Chez Stellay
  • Image Hosted by ImageShack.us

     

     Image Hosted by ImageShack.us
STELL-AMI(E)S (39)
STATISTIQUE
  • 1 connecté(s)
    279 commentaires
    Total de 6822 visiteurs
    Depuis le 15/04/2008
    Mise à jour le 09/11/2008
PARLONS UN PEU..
PARRAINAGE
  • Créez votre KaZeo
    200pts vous seront offerts
NEWSLETTER