Spot Light Não Automático
Passe com o mouse em cima da imagem...

Se você quiser um efeito como este coloque este código entre <*head*><*/head*> do seu blog.
[Não possui os *]

E este código entre <*body*><*/body*> aonde você quer que apareça a imagem.
[Não possui os *]

<img id="myimage" src="http://ENDEREÇODAIMAGEM">
<script language="JavaScript1.2">

s = 30; // o tamanho do spotlight
vp = 2; // a porcentagem de visibilidade da imagem
startx = 0; // a posição inicial do spot na imagem (acima)
starty = 0; // a posição inicial do spot na imagem (à esquerda)

//////////////////////////////////////////////////////////////////
//		Não edite NADA abaixo dessa linha			//
//////////////////////////////////////////////////////////////////

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>

Spot Light Automático

Se você quiser um efeito como este coloque este código entre <*head*><*/head*> do seu blog.
[Não possui os *]

 <style>  </style> 

E este código entre <*body*><*/body*> aonde você quer que apareça a imagem.
[Não possui os *]

 <img border="0" src="http://ENDEREÇODAIMAGEM" speed="70" id="spotlight"> <script language="JavaScript1.2"> if (document.all&&window.spotlight){ var x=new Array() var direction=new Array() var y=new Array() if (spotlight.length==null){ spotlight[0]=document.all.spotlight x[0]=0 direction[0]="right" y[0]=spotlight[0].height spotlight[0].filters.light.addPoint(100,50,100,255,255,255,90) } else for (i=0;i<spotlight.length;i++){ x[i]=0 direction[i]="right" y[i]=spotlight[i].height spotlight[i].filters.light.addPoint(100,50,100,255,255,255,90) } } function slidelight(cur){ spotlight[cur].filters.light.MoveLight(0,x[cur],y[cur],200,-1) if (x[cur]<spotlight[cur].width+200&&direction[cur]=="right") x[cur]+=10 else if (x[cur]>spotlight[cur].width+200){ direction[cur]="left" x[cur]-=10 } else if (x[cur]>-200&&x[cur]<-185){ direction[cur]="right" x[cur]+=10 } else{ x[cur]-=10 direction[cur]="left" } } if (document.all&&window.spotlight){ if (spotlight.length==null) setInterval("slidelight(0)",spotlight[0].speed) else for (t=0;t<spotlight.length;t++){ var temp='setInterval("slidelight('+t+')",'+spotlight[t].speed+')' eval(temp) } } </script>

« back