Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
ola a todos,
alguem me sabe dizer onde encontro uma versao full do ficheiro magiczoom.js http://www.magictoolbox.com/
ou alguma ma ferramenta free com esta funçao Entire image.
teste com o seu cod e esta a ter problemas no ff a imagem so mostra se mover o rato e mesmo assim pisca
<script type="text/javascript">
function block(event, pegaValor){
var box=document.all?document.all.dom:document.getElementById('dom');
var pegaImagem = "<img src='" + pegaValor + "' />";
box.innerHTML=pegaImagem;
box.style.visibility="visible";
}
function none(){
var box=document.all?document.all.dom:document.getElementById('dom');
box.style.visibility="hidden";
box.style.innerHTML="";
}
function move(){
var box=document.all?document.all.dom:document.getElementById('dom');
box.style.top=event.clientY+15;box.style.left=event.clientX+15;
}
</script>
<div id="dom" style="visibility:hidden;height:auto;position:absolute;border:1px solid #666;background:#333;color:#fff;text-align:center;"></div>
<table width="349" border="0" align="center" cellspacing="0" cellpadding="0">
<tr>
<td width="260" valign="top"><table width="149" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="149" align="right">
<img src="[http://lacomunidad.elpais.com/blogfiles/tudo/google.jpg"](http://t3.gstatic.com/images?q=tbn:NVUHZdbsTCep-M:)'>http://t3.gstatic.com/images?q=tbn:NVUHZdbsTCep-M:[http://lacomunidad.elpais.com/blogfiles/tudo/google.jpg"](http://lacomunidad.elpais.com/blogfiles/tudo/google.jpg) onmouseout="none();" lowsrc="[http://lacomunidad.elpais.com/blogfiles/tudo/google.jpg"](http://lacomunidad.elpais.com/blogfiles/tudo/google.jpg) onmouseover="block(event, this.lowsrc);"
onmousemove="box.style.top=event.clientY+15;box.style.left=event.clientX+15;Chamasse as funções deste modo?
<div id="dom" style="visibility:hidden;height:auto;position:absolute;border:1px solid #666;background:#333;color:#fff;text-align:center;"></div>
<img src="http://t3.gstatic.com/images?q=tbn:NVUHZdbsTCep-M:http://lacomunidad.elpais.com/blogfiles/tudo/google.jpg" onmouseout="none();" lowsrc="http://lacomunidad.elpais.com/blogfiles/tudo/google.jpg" onmouseover="block(event, this.lowsrc);"
onmousemove="move()">
>
Chamasse as funções deste modo?
<div id="dom" style="visibility:hidden;height:auto;position:absolute;border:1px solid #666;background:#333;color:#fff;text-align:center;"></div>
<img src="http://t3.gstatic.com/images?q=tbn:NVUHZdbsTCep-M:http://lacomunidad.elpais.com/blogfiles/tudo/google.jpg" onmouseout="none();" lowsrc="http://lacomunidad.elpais.com/blogfiles/tudo/google.jpg" onmouseover="block(event, this.lowsrc);"
onmousemove="move()">
o prolema nao esta ai nesse lado :S
pq se eu estiver a ver o meu file ele mostra bem mas se commo estou a fazer de outra forma nao mostra..
index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>METRO SNEAKERS BY GINO-B</title>
<link href="css.css" rel="stylesheet" type="text/css" />
<script LANGUAGE="JAVASCRIPT">if ((screen.width<=1280)) {
var bgNum = Math.round(Math.random() * 4)
bgSel = new Array(4);
bgSel[0] = "bg/11.jpg";
bgSel[1] = "bg/22.jpg";
bgSel[2] = "bg/33.jpg";
bgSel[3] = "bg/44.jpg";
bgSel[4] = "bg/44.jpg";
var base = bgSel[bgNum];
} var bgNum = Math.round(Math.random() * 4)
bgSel = new Array(4);
bgSel[0] = "bg/1.jpg";
bgSel[1] = "bg/2.jpg";
bgSel[2] = "bg/3.jpg";
bgSel[3] = "bg/4.jpg";
bgSel[4] = "bg/4.jpg";
var base = bgSel[bgNum];
}
</SCRIPT>
</head>
<script LANGUAGE="JAVASCRIPT">
document.write("<BODY BACKGROUND='" + base + "'>");
</SCRIPT>
<?php include("menu_eng.php"); ?>
<table width="1024" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><?php require("craft.php"); ?></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</body>
</html>craft.php
<script type="text/javascript">
function block(event, pegaValor){
var box=document.all?document.all.dom:document.getElementById('dom');
var pegaImagem = "<img src='" + pegaValor + "' />";
box.innerHTML=pegaImagem;
box.style.visibility="visible";
}
function none(){
box=document.all?document.all.dom:document.getElementById('dom');
box.style.visibility="hidden";
box.style.innerHTML="";
}
</script>
<div id="dom" style="visibility:hidden;height:auto;position:absolute;border:1px solid #666;background:#333;color:#fff;text-align:center;"></div>
<img src="[http://lacomunidad.elpais.com/blogfiles/tudo/google.jpg"](http://t3.gstatic.com/images?q=tbn:NVUHZdbsTCep-M:)'>http://t3.gstatic.com/images?q=tbn:NVUHZdbsTCep-M:[http://lacomunidad.elpais.com/blogfiles/tudo/google.jpg"](http://lacomunidad.elpais.com/blogfiles/tudo/google.jpg) onmouseout="none();" lowsrc="[http://lacomunidad.elpais.com/blogfiles/tudo/google.jpg"](http://lacomunidad.elpais.com/blogfiles/tudo/google.jpg) onmouseover="block(event, this.lowsrc);"
onmousemove="box.style.top=event.clientY+15;box.style.left=event.clientX+15;Desculpa pela pergunta besta... depois que postei eu vi... mas dai a internet caiu e não consegui editar ;S
Qual versão do FF no do outro usuário funcionou no FF
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>METRO SNEAKERS BY GINO-B</title>
<link href="css.css" rel="stylesheet" type="text/css" />
<script LANGUAGE="Javascript">if ((screen.width<=1280)) {
var bgNum = Math.round(Math.random() * 4)
bgSel = new Array(4);
bgSel[0] = "bg/11.jpg";
bgSel[1] = "bg/22.jpg";
bgSel[2] = "bg/33.jpg";
bgSel[3] = "bg/44.jpg";
bgSel[4] = "bg/44.jpg";
var base = bgSel[bgNum];
}else {
var bgNum = Math.round(Math.random() * 4)
bgSel = new Array(4);
bgSel[0] = "bg/1.jpg";
bgSel[1] = "bg/2.jpg";
bgSel[2] = "bg/3.jpg";
bgSel[3] = "bg/4.jpg";
bgSel[4] = "bg/4.jpg";
var base = bgSel[bgNum];
}
</SCRIPT>
</head>
<script LANGUAGE="Javascript">
document.write("<BODY BACKGROUND='" + base + "'>");
</SCRIPT>
<?php include("menu_eng.php"); ?>
<table width="1024" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><script type="text/javascript">
function block(event, pegaValor){
var box=document.all?document.all.dom:document.getElementById('dom');
var pegaImagem = "<img src='" + pegaValor + "' />";
box.innerHTML=pegaImagem;
box.style.visibility="visible";
}
function none(){
box=document.all?document.all.dom:document.getElementById('dom');
box.style.visibility="hidden";
box.style.innerHTML="";
}
function move(){
var box=document.all?document.all.dom:document.getElementById('dom');
box.style.top=event.clientY+15;box.style.left=event.clientX+15;
}
</script>
<img src="[http://lacomunidad.elpais.com/blogfiles/tudo/google.jpg"](http://t3.gstatic.com/images?q=tbn:NVUHZdbsTCep-M:)'>http://t3.gstatic.com/images?q=tbn:NVUHZdbsTCep-M:[http://lacomunidad.elpais.com/blogfiles/tudo/google.jpg"](http://lacomunidad.elpais.com/blogfiles/tudo/google.jpg) onmouseout="none();" lowsrc="[http://lacomunidad.elpais.com/blogfiles/tudo/google.jpg"](http://lacomunidad.elpais.com/blogfiles/tudo/google.jpg) onmouseover="block(event, this.lowsrc);"onmousemove="move()
"></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
<div id="dom" style="visibility:hidden;height:auto;position:absolute;border:1px solid #666;background:#333;color:#fff;text-align:center;"></div>
</body>
</html>Só divide a parte que vai pra tua outra página...
PS: coloquei a div para fora da tabela dai funcionou, mas não 100% ainda...
holt mas se ei entrar em localhos/craft.php está a dar bem... acho que o meu problema deve ser no index.php nao axas?
tive a testar e dei conta que o problema vem pq a div fica sobre a imagem e por isso é que dá esse problema... a div no teu exemplo acompanha o rato...
Vou realizar mais uns testes agora se conseguir resolver te posto...
PS: Tem que ficar dentro de uma tabela? ;S
pode nao ficar.... a ideia era andar como o teu... tipo andar junto do rato..
no opera e no ie esta a dar bem :S
Solução que postei estes dias...