magiczoom.js

BrunoVieira · Janeiro 7, 2010

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.

Holt · Janeiro 7, 2010

BrunoVieira · Janeiro 7, 2010

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://lacomunidad.elpais.com/blogfiles/tudo/google.jpg" onmouseout="none();" lowsrc="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;
">

Holt · Janeiro 7, 2010

Chamasse as funções deste modo?

<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()">

BrunoVieira · Janeiro 7, 2010

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">
<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><?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://lacomunidad.elpais.com/blogfiles/tudo/google.jpg" onmouseout="none();" lowsrc="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;
">

Holt · Janeiro 7, 2010

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

Holt · Janeiro 7, 2010

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>METRO SNEAKERS BY GINO-B</title>

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>

document.write("<BODY BACKGROUND='" + base + "'>");

</SCRIPT>

<?php include("menu_eng.php"); ?>

<tr>

</tr>

<tr>

</tr>

<tr>

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://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()

"></td>

</tr>

<tr>

</tr>

</table>

</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...

BrunoVieira · Janeiro 7, 2010

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?

BrunoVieira · Janeiro 8, 2010

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...

Holt · Janeiro 8, 2010

Vou realizar mais uns testes agora se conseguir resolver te posto...

PS: Tem que ficar dentro de uma tabela? ;S

BrunoVieira · Janeiro 8, 2010

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

Arquivado

magiczoom.js

Recommended Posts

BrunoVieira 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Holt 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

BrunoVieira 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Holt 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

BrunoVieira 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Holt 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Holt 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

BrunoVieira 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

BrunoVieira 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Holt 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

BrunoVieira 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Fóruns

Tempo Real

Informação importante