Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

arldin

Script de imagem

Por , em Javascript

Recommended Posts

arldin    1

arldin
Postado

Boa noite amigos estou passando um script de imagem

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<script>

var w=1
var h=1

if (document.getElementById || document.all)
document.write('<div id="trailimageid" style="position:absolute;visibility:hidden;left:0px;top:-1000px;width:1px;height:1px;border:1px solid #888888;background:#DDDDDD;"><img id="ttimg" src="http://www.arldinartfest.com.br/fotos/baby_lunne_tuner.gif" /></div>')(aqui você coloca o seu site o caminho e a imagem que vai fazer a visualização,retire este comentario depois)

function gettrailobj()
{
if (document.getElementById) return document.getElementById("trailimageid").style
else if (document.all) return document.all.trailimagid.style
}

function truebody()
{
return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function hidetrail()
{
document.onmousemove=""
document.getElementById('ttimg').src='/img/s.gif'
gettrailobj().visibility="hidden"
gettrailobj().left=-1000
gettrailobj().top=0
}


function showtrail(width,height,file)
{
if(navigator.userAgent.toLowerCase().indexOf('opera') == -1)
{
w=width
h=height

// followmouse()

document.getElementById('ttimg').src=file
document.onmousemove=followmouse
gettrailobj().visibility="visible"
gettrailobj().width=w+"px"
gettrailobj().height=h+"px"


}
}


function followmouse(e)
{

if(navigator.userAgent.toLowerCase().indexOf('opera') == -1)
{

var xcoord=20
var ycoord=20

if (typeof e != "undefined")
{
xcoord+=e.pageX
ycoord+=e.pageY
}
else if (typeof window.event !="undefined")
{
xcoord+=truebody().scrollLeft+event.clientX
ycoord+=truebody().scrollTop+event.clientY
}

var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)

if (xcoord+w+3>docwidth)
xcoord=xcoord-w-(20*2)

if (ycoord-truebody().scrollTop+h>truebody().clientHeight)
ycoord=ycoord-h-20;

gettrailobj().left=xcoord+"px"
gettrailobj().top=ycoord+"px"

}

}
</SCRIPT>
<!-- image thumbs by Israel Guido -->
<META content="MSHTML 6.00.2900.2180" name=GENERATOR></HEAD>
<BODY>
<DIV class=thumb_img><A 
onmouseover="showtrail(373,228,'http://www.arldinartfest.com.br/fotos/baby_lunne_tuner_a.jpg');" (aqui você coloca o seu site e o caminho e a nome da imagem que você que que apareça,retire este comentario depois)
onmouseout=hidetrail(); href="#"><IMG style="PADDING-TOP: 10px" height=52 alt="" 
hspace=0 src="http://www.arldinartfest.com.br/fotos/baby_lunne_tuner.gif"(aqui você coloca o seu site o caminho e a imagem que vai fazer a visualisação,retire este comentario depois) 
width=40 border=0> </A></DIV>
<!-- Finish thumbnail --></BODY></HTML>

Espero te colaborado

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito