Tema: tjpzoom.js no me funciona en firefox pero si en IE y chrome
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 05/10/2011, 01:24
oliverarthurnardi
 
Fecha de Ingreso: noviembre-2010
Ubicación: aun no se donde vivir
Mensajes: 112
Antigüedad: 14 años, 4 meses
Puntos: 3
Respuesta: tjpzoom.js no me funciona en firefox pero si en IE y chrome
2ª parte del script
Código Javascript: 
Ver original
  1. if(TJPshadowthick>0) {
  2.   st1='<span style="position:absolute; display:inline-block; margin: ';
  3.   st2='filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=\'scale\',src='
  4.   st3='filter:alpha(opacity=0);margin:0;padding:0;border:0;"/></span>';
  5.   TJPwin.innerHTML+=
  6.   st1+'0 0 0 0    ; width:'+TJPshadowthick*2+'px; height:'+TJPshadowthick*2+'px;'+st2+'\''+TJPshadow+'nw.png\')"><img src="'+TJPshadow+'nw.png" style="width:'+TJPshadowthick*2+'px; height:'+TJPshadowthick*2+'px;'+st3 +
  7.   st1+'0 0 0 '+(TJPzoomwidth-TJPshadowthick*2)+'px; width:'+TJPshadowthick*2+'px; height:'+TJPshadowthick*2+'px;'+st2+'\''+TJPshadow+'ne.png\')"><img src="'+TJPshadow+'ne.png" style="width:'+TJPshadowthick*2+'px; height:'+TJPshadowthick*2+'px;'+st3 +
  8.   st1+''+(TJPzoomheight-TJPshadowthick*2)+'px 0 0 0px; width:'+TJPshadowthick*2+'px; height:'+TJPshadowthick*2+'px;'+st2+'\''+TJPshadow+'sw.png\',sizingMethod=\'scale\')"><img src="'+TJPshadow+'sw.png" style="width:'+TJPshadowthick*2+'px; height:'+TJPshadowthick*2+'px;'+st3 +
  9.   st1+''+(TJPzoomheight-TJPshadowthick*2)+'px 0 0 '+(TJPzoomwidth-TJPshadowthick*2)+'px; width:'+TJPshadowthick*2+'px; height:'+TJPshadowthick*2+'px;'+st2+'\''+TJPshadow+'se.png\',sizingMethod=\'scale\')"><img src="'+TJPshadow+'se.png" style="width:'+TJPshadowthick*2+'px; height:'+TJPshadowthick*2+'px;'+st3 +
  10.   st1+'0 0 0 '+(TJPshadowthick*2)+'px; width:'+(TJPzoomwidth-TJPshadowthick*4)+'px; height:'+TJPshadowthick*2+'px;'+st2+'\''+TJPshadow+'n.png\',sizingMethod=\'scale\')"><img src="'+TJPshadow+'n.png" style="width:'+(TJPzoomwidth-TJPshadowthick*4)+'px; height:'+TJPshadowthick*2+'px;'+st3 +
  11.   st1+''+(TJPshadowthick*2)+'px 0 0 0; width:'+(TJPshadowthick*2)+'px; height:'+(TJPzoomheight-TJPshadowthick*4)+'px;'+st2+'\''+TJPshadow+'w.png\',sizingMethod=\'scale\')"><img src="'+TJPshadow+'w.png" style="width:'+(TJPshadowthick*2)+'px; height:'+(TJPzoomheight-TJPshadowthick*4)+'px;'+st3 +
  12.   st1+''+(TJPshadowthick*2)+'px 0 0 '+(TJPzoomwidth-TJPshadowthick*2)+'px; width:'+(TJPshadowthick*2)+'px; height:'+(TJPzoomheight-TJPshadowthick*4)+'px;'+st2+'\''+TJPshadow+'e.png\',sizingMethod=\'scale\')"><img src="'+TJPshadow+'e.png" style="width:'+(TJPshadowthick*2)+'px; height:'+(TJPzoomheight-TJPshadowthick*4)+'px;'+st3 +
  13.   st1+''+(TJPzoomheight-TJPshadowthick*2)+'px 0 0 '+(TJPshadowthick*2)+'px; width:'+(TJPzoomwidth-TJPshadowthick*4)+'px; height:'+TJPshadowthick*2+'px;'+st2+'\''+TJPshadow+'s.png\',sizingMethod=\'scale\')"><img src="'+TJPshadow+'s.png" style="width:'+(TJPzoomwidth-TJPshadowthick*4)+'px; height:'+TJPshadowthick*2+'px;'+st3;
  14.  
  15.  }
  16.  ;
  17.  //marker - zoomer
  18.  obj.parentNode.insertBefore(TJPwin,TJPstage);
  19. }
  20.  
  21.  
  22. function TJPfindposy(obj) {
  23.  var curtop = 0;
  24.  if(!obj) {return 0;}
  25.  if (obj.offsetParent) {
  26.   while (obj.offsetParent) {
  27.    curtop += obj.offsetTop
  28.    obj = obj.offsetParent;
  29.   }
  30.  } else if (obj.y) {
  31.   curtop += obj.y;
  32.  }
  33.  return curtop;
  34. }
  35.  
  36. function TJPfindposx(obj) {
  37.  var curleft = 0;
  38.  if(!obj) {return 0;}
  39.  if (obj && obj.offsetParent) {
  40.   while (obj.offsetParent) {
  41.    curleft += obj.offsetLeft
  42.    obj = obj.offsetParent;
  43.   }
  44.  } else if (obj.x) {
  45.   curleft += obj.x;
  46.  }
  47.  return curleft;
  48. }
  49.  
  50.  
  51. function TJPhandlemouse(evt,obj) {
  52.  var evt = evt?evt:window.event?window.event:null; if(!evt) { return false; }
  53.  if(evt.pageX) {
  54.   nowx=evt.pageX-TJPfindposx(obj)-TJPadjustx;
  55.   nowy=evt.pageY-TJPfindposy(obj)-TJPadjusty;
  56.  } else {
  57.   if(document.documentElement && document.documentElement.scrollTop) {
  58.    nowx=evt.clientX+document.documentElement.scrollLeft-TJPfindposx(obj)-TJPadjustx;
  59.    nowy=evt.clientY+document.documentElement.scrollTop-TJPfindposy(obj)-TJPadjusty;
  60.   } else {
  61.    nowx=evt.x+document.body.scrollLeft-TJPfindposx(obj)-TJPadjustx;
  62.    nowy=evt.y+document.body.scrollTop-TJPfindposy(obj)-TJPadjusty;
  63.   }
  64.  }
  65.  if(evt.type == 'mousemove') {
  66.   TJPsetwin(obj,nowx,nowy);
  67.  } else if(evt.type == 'mousedown') {
  68.   TJPmouse=1;
  69.   TJPmousey=nowy;
  70.  } else if(evt.type =='mouseup') {
  71.   TJPmouse=0;
  72.  } else if(evt.type =='mouseout') {
  73.   if(navigator.appVersion.indexOf('Mac') == -1 || navigator.appVersion.indexOf('MSIE') == -1) { //hi Mac IE
  74.    x=obj.parentNode;
  75.    x.removeChild(x.getElementsByTagName('div')[0]);
  76.    x.removeChild(x.getElementsByTagName('div')[0]);
  77.   }
  78.  }
  79. }
  80.  
  81.  
  82. // TJPzoom 3 * János Pál Tóth
  83. // Docs @ http://valid.tjp.hu/tjpzoom/ 
  84. // News @ http://tjpzoom.blogspot.com/
  85.  
  86.  
  87. function TJPsetwin(obj,nowx,nowy) {
  88.  stage=obj.parentNode.getElementsByTagName('div')[0];
  89.  if(TJPmouse == 1) {
  90.   if(Math.abs(nowy-TJPmousey) >= 1) {
  91.    TJPzoomamount*=((nowy>TJPmousey)?(0.909):(1.1));
  92.    TJPmousey=nowy;
  93.    if(TJPzoomamount < TJPzoomamountmin) {TJPzoomamount=TJPzoomamountmin;}
  94.    if(TJPzoomamount > TJPzoomamountmax) {TJPzoomamount=TJPzoomamountmax;}
  95.    stage.getElementsByTagName('div')[1].getElementsByTagName('img')[0].style.width=  parseInt(obj.style.width)*TJPzoomamount+'px';
  96.    stage.getElementsByTagName('div')[1].getElementsByTagName('img')[0].style.height=  parseInt(obj.style.height)*TJPzoomamount+'px';
  97.   }
  98.  }
  99.  stage.style.marginLeft=nowx-TJPzoomoffsetx+'px';
  100.  stage.style.marginTop=nowy-TJPzoomoffsety+'px';
  101.  clip1=0; clip2=TJPzoomwidth; clip3=TJPzoomheight; clip4=0;
  102.  nwidth=TJPzoomwidth; nheight=TJPzoomheight;
  103.  if(nowx-TJPzoomoffsetx < 0) {
  104.   clip4=TJPzoomoffsetx-nowx;
  105.  } else if(parseFloat(nowx-TJPzoomoffsetx+TJPzoomwidth) > parseFloat(obj.style.width)) {
  106.   clip2= TJPzoomoffsetx - nowx + parseFloat(obj.style.width);
  107.   nwidth=TJPzoomoffsetx-nowx+parseInt(obj.style.width)+TJPborderthick;
  108.  }
  109.  
  110.  if(nowy-TJPzoomoffsety < 0) {
  111.   clip1=TJPzoomoffsety-nowy;
  112.  } else if(parseFloat(nowy-TJPzoomoffsety+TJPzoomheight) > parseFloat(obj.style.height)) {
  113.   clip3= TJPzoomoffsety - nowy + parseFloat(obj.style.height)
  114.   nheight=TJPzoomoffsety - nowy + parseFloat(obj.style.height)+TJPborderthick;
  115.  }
  116.  stage.style.width=nwidth+'px';
  117.  stage.style.height=nheight+'px';
  118.  stage.style.clip='rect('+clip1+'px,'+clip2+'px,'+clip3+'px,'+clip4+'px)';
  119.  stage.getElementsByTagName('div')[1].getElementsByTagName('img')[0].style.marginLeft=TJPzoomamount*(TJPzoomoffsetx-TJPzoomwidth/2-nowx)+TJPzoomwidth/2-TJPborderthick-TJPshadowthick+'px';
  120.  stage.getElementsByTagName('div')[1].getElementsByTagName('img')[0].style.marginTop =TJPzoomamount*(TJPzoomoffsety-TJPzoomheight/2-nowy)+TJPzoomheight/2-TJPborderthick-TJPshadowthick+'px';
  121. }
  122.  
  123. function TJPinit() {
  124.  TJPadjustx=0; TJPadjusty=0;
  125.  if(navigator.userAgent.indexOf('MSIE')>-1) {TJPadjustx=2;TJPadjusty=2;}
  126.  if(navigator.userAgent.indexOf('Opera')>-1) {TJPadjustx=0; TJPadjusty=0;}
  127.  if(navigator.userAgent.indexOf('Safari')>-1) {TJPadjustx=1; TJPadjusty=2;}
  128. }
  129.  
  130. // configuration - do not modify the following, instead read the behaviors.html file in the tutorial!
  131. var TJPon=new Array();
  132. var TJPadjustx,TJPadjusty;
  133. var TJPmouse=0; var TJPmousey;
  134. var TJPloading='<div style="background-color: #ffeb77; color: #333333; padding:2px; font-family: verdana,arial,helvetica; font-size: 10px;">Loading...</div>';
  135.  
  136. var TJPzoomwidth=160;
  137. var TJPzoomheight=120;
  138.  
  139. var TJPzoomoffsetx=TJPzoomwidth/2;
  140. var TJPzoomoffsety=TJPzoomheight/2;
  141.  
  142. var TJPzoomamount=4;
  143. var TJPzoomamountmax=12;
  144. var TJPzoomamountmin=1;
  145.  
  146. var TJPborderthick=2;
  147. var TJPbordercolor='#cccccc';
  148.  
  149. var TJPshadowthick=8;
  150. var TJPshadow='images/dropshadow/';
  151.  
  152. TJPinit();