Ergebnis 1 bis 9 von 9

Thema: Fehler - Picture Magnifier

  1. #1
    Azubi(ne) Avatar von Roland Rafael Repczuk
    Registriert seit
    12.02.2008
    Beiträge
    95
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Fehler - Picture Magnifier

    Salut!

    Ich habe einen Picture Magnifier auf einer Testseite installiert. Weder im IE, noch bei Firefox werden die Bilder fehlerlos vergrößert.
    Was kann hier für ursächlich sein?
    Hängt es damit zusammen, dass ich meinen gesamten Inhalt in Tabellen eingefügt habe?
    Wenn ja, wie muss ich das Script ändern, um ein tadelloses Ergebnis zu erzielen?


    Liebe Grüße

    Roland
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Meister(in) Avatar von Gebby
    Registriert seit
    17.07.2008
    Ort
    Berlin
    Alter
    56
    Beiträge
    347
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Fehler - Picture Magnifier

    Die Begrenzungen der linken und rechten Seite evtl.?
    Niemals provozieren lassen, jeder darf seine Meinung haben.

  3. #3
    Azubi(ne)
    Themenstarter
    Avatar von Roland Rafael Repczuk
    Registriert seit
    12.02.2008
    Beiträge
    95
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Fehler - Picture Magnifier

    Ersteinmal vielen Dank für deine schnelle Antwort.
    Ich weiß leider nicht, wie man die Begrenzungen ändern kann?

  4. #4
    Meister(in) Avatar von Gebby
    Registriert seit
    17.07.2008
    Ort
    Berlin
    Alter
    56
    Beiträge
    347
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Fehler - Picture Magnifier

    Ich auch nicht, kenne dein Script ja nicht. MfG
    Niemals provozieren lassen, jeder darf seine Meinung haben.

  5. #5
    Azubi(ne)
    Themenstarter
    Avatar von Roland Rafael Repczuk
    Registriert seit
    12.02.2008
    Beiträge
    95
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Fehler - Picture Magnifier

    hier ist das gesamte Script:

    Code:
    // TJPzoom 3 * János Pál Tóth
    // 2007.07.12
    // Docs @ http://valid.tjp.hu/tjpzoom/ 
    // News @ http://tjpzoom.blogspot.com/
    
    function TJPzoomswitch(obj) {
     TJPon[obj]=((TJPon[obj])?(0):(1));
     return TJPon[obj];
    }
    
    function TJPzoomif(obj,highres) {
     if(TJPon[obj]) {TJPzoom(obj,highres);}
    }
    
    function TJPzoom(obj,highres) {
     TJPzoomratio=TJPzoomheight/TJPzoomwidth;
     if(TJPzoomoffsetx > 1) {
      TJPzoomoffset='dumb';
      TJPzoomoffsetx=TJPzoomoffsetx/TJPzoomwidth;
      TJPzoomoffsety=TJPzoomoffsety/TJPzoomheight;
     }
     if(!obj.style.width) {
      if(obj.width > 0) {
       //educated guess
       obj.style.width=obj.width+'px';
       obj.style.height=obj.height+'px';
      }
     }
     if(typeof(highres) != typeof('')) {highres=obj.src}
     var TJPstage=document.createElement("div");
     TJPstage.style.width=obj.style.width;
     TJPstage.style.height=obj.style.height;
     TJPstage.style.overflow='hidden';
     TJPstage.style.position='absolute';
     if(typeof(TJPstage.style.filter) != typeof(nosuchthing)) {
      //hi IE
      if(navigator.appVersion.indexOf('Mac') == -1) { //hi Mac IE
       TJPstage.style.filter='alpha(opacity=0)';
       TJPstage.style.backgroundColor='#ffffff';
      }
     } else {
      //hi decent gentlemen
      TJPstage.style.backgroundImage='transparent';
     }
     TJPstage.setAttribute('onmousemove','TJPhandlemouse(event,this);');
     TJPstage.setAttribute('onmousedown','TJPhandlemouse(event,this);');
     TJPstage.setAttribute('onmouseup','TJPhandlemouse(event,this);');
     TJPstage.setAttribute('onmouseout','TJPhandlemouse(event,this);');
     if(navigator.userAgent.indexOf('MSIE')>-1) {
      TJPstage.onmousemove = function() {TJPhandlemouse(event,this);}
      TJPstage.onmousedown = function() {TJPhandlemouse(event,this);}
      TJPstage.onmouseup = function() {TJPhandlemouse(event,this);}
      TJPstage.onmouseout = function() {TJPhandlemouse(event,this);}
     }
     obj.parentNode.insertBefore(TJPstage,obj);
     
     TJPwin=document.createElement("div");
     TJPwin.style.width='0px';
     TJPwin.style.height='0px';
     TJPwin.style.overflow='hidden';
     TJPwin.style.position='absolute';
     TJPwin.style.display='none';
     tw1='<div style="position:absolute;overflow:hidden;margin:';
     TJPwin.innerHTML= 
     tw1+TJPshadowthick+'px 0 0 '+TJPshadowthick+'px; background-color:'+TJPbordercolor+'; width:'+(TJPzoomwidth-TJPshadowthick*2)+'px;height:'+(TJPzoomheight-TJPshadowthick*2)+'px"></div>' +
     tw1+(TJPshadowthick+TJPborderthick)+'px 0 0 '+(TJPshadowthick+TJPborderthick)+'px; width:'+(TJPzoomwidth-TJPshadowthick*2-TJPborderthick*2)+'px;height:'+(TJPzoomheight-TJPshadowthick*2-TJPborderthick*2)+'px;"><img src="'+obj.src+'" style="position:absolute;margin:0;padding:0;border:0; width:'+(TJPzoomamount*parseInt(obj.style.width))+'px;height:'+(TJPzoomamount*parseInt(obj.style.height))+'px;" />'+((obj.src!=highres)?('<img src="'+highres+'" style="position:absolute;margin:0;padding:0;border:0; width:'+(TJPzoomamount*parseInt(obj.style.width))+'px;height:'+(TJPzoomamount*parseInt(obj.style.height))+'px;" onload="if(this.parentNode) {this.parentNode.parentNode.getElementsByTagName(\'div\')[2].style.display=\'none\';}" />'):(''))+'</div>';
     if(highres != obj.src) {
      TJPwin.innerHTML+='<div style="position:absolute; margin:'+(TJPshadowthick+TJPborderthick)+'px 0 0 '+(TJPshadowthick+TJPborderthick)+'px;">'+TJPloading+'</div>';
     }
     if(TJPshadowthick>0) {
      st1='<span style="position:absolute; display:inline-block; margin: ';
      st2='filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=\'scale\',src='
      st3='filter:alpha(opacity=0);margin:0;padding:0;border:0;"/></span>';
      TJPwin.innerHTML+=
      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 +
      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 +
      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 +
      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 +
      
      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 +
      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 +
      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 +
      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;
     }
     ;
     //marker - zoomer
     obj.parentNode.insertBefore(TJPwin,TJPstage);
    
     TJPresize(obj);
    }
    
    function TJPresize(obj) {
     sbr=0; sbl=0;
     if(TJPzoomwidth-2*TJPborderthick-3*TJPshadowthick < 22) {sbr=1}
     if(TJPzoomheight-2*TJPborderthick-3*TJPshadowthick < 22) {sbr=1}
     if(TJPzoomwidth > parseFloat(obj.style.width)) {sbl=1;}
     if(TJPzoomheight > parseFloat(obj.style.height)) {sbl=1}
     
     if(sbr==1 && sbl == 1) {
      TJPzoomwidth=parseFloat(obj.style.width)/2;
      TJPzoomheight=parseFloat(obj.style.height)/2;
      TJPzoomratio=TJPzoomheight/TJPzoomwidth;
     }
    
     if(sbr==1) {
      if(TJPzoomwidth<TJPzoomheight) {
       TJPzoomheight=TJPzoomheight/TJPzoomwidth*(22+2*TJPborderthick+3*TJPshadowthick); TJPzoomwidth=22+2*TJPborderthick+3*TJPshadowthick;
      } else {
       TJPzoomwidth=TJPzoomwidth/TJPzoomheight*(22+2*TJPborderthick+3*TJPshadowthick); TJPzoomheight=22+2*TJPborderthick+3*TJPshadowthick;
      }
     }
     
    
     if(sbl==1) {
      if(parseFloat(obj.style.width)/parseFloat(obj.style.height) > TJPzoomwidth/TJPzoomheight) {
       TJPzoomheight=parseFloat(obj.style.height);
       TJPzoomwidth=TJPzoomheight/TJPzoomratio;
      } else {
       TJPzoomwidth=parseFloat(obj.style.width);
       TJPzoomheight=TJPzoomratio*TJPzoomwidth;
      }
     }
    
     TJPzoomwidth=Math.floor(TJPzoomwidth/2)*2;
     TJPzoomheight=Math.floor(TJPzoomheight/2)*2;
    
     ww=obj.parentNode.getElementsByTagName('div')[0];
     ww.style.width=TJPzoomwidth+'px';
     ww.style.height=TJPzoomheight+'px';
     w=ww.getElementsByTagName('div')[0];
     w.style.width=TJPzoomwidth-TJPshadowthick*2+'px';
     w.style.height=TJPzoomheight-TJPshadowthick*2+'px';
     w=ww.getElementsByTagName('div')[1];
     w.style.width=TJPzoomwidth-TJPshadowthick*2-TJPborderthick*2+'px';
     w.style.height=TJPzoomheight-TJPshadowthick*2-TJPborderthick*2+'px';
     if(TJPshadowthick > 0) {
      w=ww.getElementsByTagName('span')[1]; w.style.margin='0 0 0 '+(TJPzoomwidth-TJPshadowthick*2)+'px';
      w=ww.getElementsByTagName('span')[2]; w.style.margin=(TJPzoomheight-TJPshadowthick*2)+'px 0 0 0px';
      w=ww.getElementsByTagName('span')[3]; w.style.margin=(TJPzoomheight-TJPshadowthick*2)+'px 0 0 '+(TJPzoomwidth-TJPshadowthick*2)+'px';
    
      w=ww.getElementsByTagName('span')[6]; w.style.margin=(TJPshadowthick*2)+'px 0 0 '+(TJPzoomwidth-TJPshadowthick*2)+'px';
      w=ww.getElementsByTagName('span')[7]; w.style.margin=(TJPzoomheight-TJPshadowthick*2)+'px 0 0 '+(TJPshadowthick*2)+'px';
    
      www=(TJPzoomwidth-TJPshadowthick*4)+'px';
      w=ww.getElementsByTagName('span')[4]; w.style.width=www;
      w=w.getElementsByTagName('img')[0]; w.style.width=www;
      w=ww.getElementsByTagName('span')[7]; w.style.width=www;
      w=w.getElementsByTagName('img')[0]; w.style.width=www;
      
      www=(TJPzoomheight-TJPshadowthick*4)+'px';
      w=ww.getElementsByTagName('span')[5]; w.style.height=www;
      w=w.getElementsByTagName('img')[0]; w.style.height=www;
      w=ww.getElementsByTagName('span')[6]; w.style.height=www;
      w=w.getElementsByTagName('img')[0]; w.style.height=www;
     }
    }
    
    function TJPfindposy(obj) {
     var curtop = 0;
     if(!obj) {return 0;}
     if (obj.offsetParent) {
      while (obj.offsetParent) {
       curtop += obj.offsetTop
       obj = obj.offsetParent;
      }
     } else if (obj.y) {
      curtop += obj.y;
     }
     return curtop;
    }
    
    function TJPfindposx(obj) {
     var curleft = 0;
     if(!obj) {return 0;}
     if (obj && obj.offsetParent) {
      while (obj.offsetParent) {
       curleft += obj.offsetLeft
       obj = obj.offsetParent;
      }
     } else if (obj.x) {
      curleft += obj.x;
     }
     return curleft;
    }
    
    
    function TJPhandlemouse(evt,obj) {
     var evt = evt?evt:window.event?window.event:null; if(!evt) { return false; }
     if(evt.pageX) {
      nowx=evt.pageX-TJPfindposx(obj)-TJPadjustx;
      nowy=evt.pageY-TJPfindposy(obj)-TJPadjusty;
     } else {
      if(document.documentElement && document.documentElement.scrollTop) {
       nowx=evt.clientX+document.documentElement.scrollLeft-TJPfindposx(obj)-TJPadjustx;
       nowy=evt.clientY+document.documentElement.scrollTop-TJPfindposy(obj)-TJPadjusty;
      } else {
       nowx=evt.x+document.body.scrollLeft-TJPfindposx(obj)-TJPadjustx;
       nowy=evt.y+document.body.scrollTop-TJPfindposy(obj)-TJPadjusty;
      }
     }
     if(evt.type == 'mousemove') {
      TJPsetwin(obj,nowx,nowy);
     } else if(evt.type == 'mousedown') {
      TJPmouse=1; //left: 1, middle: 2, right: 3
      TJPmousey=nowy;
      TJPmousex=nowx;
     } else if(evt.type =='mouseup') {
      TJPmouse=0;
     } else if(evt.type =='mouseout') {
      TJPmouse=0;
      if(navigator.appVersion.indexOf('Mac') == -1 || navigator.appVersion.indexOf('MSIE') == -1) { //hi Mac IE
       x=obj.parentNode;
       x.removeChild(x.getElementsByTagName('div')[0]);
       x.removeChild(x.getElementsByTagName('div')[0]);
      }
     }
    }
    
    
    // TJPzoom 3 * János Pál Tóth
    // Docs @ http://valid.tjp.hu/tjpzoom/ 
    // News @ http://tjpzoom.blogspot.com/
    
    
    function TJPsetwin(obj,nowx,nowy) {
     obj.parentNode.getElementsByTagName('div')[0].style.display='block';
     if(TJPzoomoffset=='smart') {
      TJPzoomoffsetx=.1+.8*nowx/parseFloat(obj.style.width);
      TJPzoomoffsety=.1+.8*nowy/parseFloat(obj.style.height);
     }
    
     stage=obj.parentNode.getElementsByTagName('div')[0];
     if(TJPmouse == 1) {
      if(Math.abs(nowy-TJPmousey) >= 1) {
       TJPzoomamount*=((nowy>TJPmousey)?(0.909):(1.1));
       TJPmousey=nowy;
       if(TJPzoomamount < TJPzoomamountmin) {TJPzoomamount=TJPzoomamountmin;}
       if(TJPzoomamount > TJPzoomamountmax) {TJPzoomamount=TJPzoomamountmax;}
       stage.getElementsByTagName('div')[1].getElementsByTagName('img')[0].style.width=  parseInt(obj.style.width)*TJPzoomamount+'px';
       stage.getElementsByTagName('div')[1].getElementsByTagName('img')[0].style.height=  parseInt(obj.style.height)*TJPzoomamount+'px';
       if(stage.getElementsByTagName('div')[1].getElementsByTagName('img')[1]) {
        stage.getElementsByTagName('div')[1].getElementsByTagName('img')[1].style.width= stage.getElementsByTagName('div')[1].getElementsByTagName('img')[0].style.width;
        stage.getElementsByTagName('div')[1].getElementsByTagName('img')[1].style.height= stage.getElementsByTagName('div')[1].getElementsByTagName('img')[0].style.height;
       }
      }
      if(Math.abs(nowx-TJPmousex) >= 12 && TJPzoomwindowlock==0) {
       TJPzoomwidth*=((nowx>TJPmousex)?(1.1):(0.909));
       TJPzoomheight=TJPzoomwidth*TJPzoomratio;
       TJPresize(obj);
       TJPmousex=nowx;
      }
     }
     stage.style.marginLeft=nowx-(TJPzoomwidth -2*TJPborderthick-2*TJPshadowthick)*TJPzoomoffsetx-TJPborderthick-TJPshadowthick+'px';
     stage.style.marginTop= nowy-(TJPzoomheight-2*TJPborderthick-2*TJPshadowthick)*TJPzoomoffsety-TJPborderthick-TJPshadowthick+'px';
     clip1=0; clip2=TJPzoomwidth; clip3=TJPzoomheight; clip4=0;
     nwidth=TJPzoomwidth; nheight=TJPzoomheight;
     tmp=(1-2*TJPzoomoffsetx)*(TJPborderthick+TJPshadowthick);
     
     if(nowx-TJPzoomwidth*TJPzoomoffsetx < tmp) {
      clip4=TJPzoomwidth*TJPzoomoffsetx-nowx + tmp;
     } else if(parseFloat(nowx-TJPzoomwidth*TJPzoomoffsetx+TJPzoomwidth) > parseFloat(obj.style.width)+tmp) {
      clip2= TJPzoomwidth*TJPzoomoffsetx - nowx + parseFloat(obj.style.width)+tmp;
      nwidth=TJPzoomwidth*TJPzoomoffsetx-nowx+parseInt(obj.style.width)+TJPborderthick+TJPshadowthick;
     }
     
     tmp=(1-2*TJPzoomoffsety)*(TJPborderthick+TJPshadowthick);
     
     if(nowy-TJPzoomheight*TJPzoomoffsety < tmp) {
      clip1=TJPzoomheight*TJPzoomoffsety-nowy+tmp;
     } else if(parseFloat(nowy-TJPzoomheight*TJPzoomoffsety+TJPzoomheight) > parseFloat(obj.style.height)+tmp) {
      clip3= TJPzoomheight*TJPzoomoffsety - nowy + parseFloat(obj.style.height)+tmp;
      nheight=TJPzoomheight*TJPzoomoffsety - nowy + parseFloat(obj.style.height)+TJPborderthick+TJPshadowthick;
     }
     stage.style.width=nwidth+'px';
     stage.style.height=nheight+'px';
    
     stage.style.clip='rect('+clip1+'px,'+clip2+'px,'+clip3+'px,'+clip4+'px)';
    
     if(nowy-TJPzoomoffsety*(TJPzoomheight-2*TJPborderthick-2*TJPshadowthick) < 0) { t=-(nowy-TJPzoomoffsety*(TJPzoomheight-2*TJPborderthick-2*TJPshadowthick))} 
     else if(nowy-TJPzoomoffsety*(TJPzoomheight-2*TJPborderthick-2*TJPshadowthick) > parseFloat(obj.style.height)-TJPzoomheight+TJPborderthick*2+TJPshadowthick*2) { t=-TJPzoomamount*parseFloat(obj.style.height)+TJPzoomheight-TJPborderthick*2-TJPshadowthick*2-((nowy-TJPzoomoffsety*(TJPzoomheight-2*TJPborderthick-2*TJPshadowthick))-(parseFloat(obj.style.height)-TJPzoomheight+TJPborderthick*2+TJPshadowthick*2)); }
     else { t=(-TJPzoomamount*parseFloat(obj.style.height)+TJPzoomheight-TJPborderthick*2-TJPshadowthick*2)/(parseFloat(obj.style.height)-TJPzoomheight+TJPborderthick*2+TJPshadowthick*2)*(nowy-TJPzoomoffsety*(TJPzoomheight-2*TJPborderthick-2*TJPshadowthick)) }
     stage.getElementsByTagName('div')[1].getElementsByTagName('img')[0].style.marginTop=t+'px';
    
     if(stage.getElementsByTagName('div')[1].getElementsByTagName('img')[1]) {
      stage.getElementsByTagName('div')[1].getElementsByTagName('img')[1].style.marginTop=t+'px';
     }
    
     if(nowx-TJPzoomoffsetx*(TJPzoomwidth-2*TJPborderthick-2*TJPshadowthick) < 0) { t=-(nowx-TJPzoomoffsetx*(TJPzoomwidth-2*TJPborderthick-2*TJPshadowthick))} 
     else if(nowx-TJPzoomoffsetx*(TJPzoomwidth-2*TJPborderthick-2*TJPshadowthick) > parseFloat(obj.style.width)-TJPzoomwidth+TJPborderthick*2+TJPshadowthick*2) { t=-TJPzoomamount*parseFloat(obj.style.width)+TJPzoomwidth-TJPborderthick*2-TJPshadowthick*2-((nowx-TJPzoomoffsetx*(TJPzoomwidth-2*TJPborderthick-2*TJPshadowthick))-(parseFloat(obj.style.width)-TJPzoomwidth+TJPborderthick*2+TJPshadowthick*2)); }
     else { t=(-TJPzoomamount*parseFloat(obj.style.width)+TJPzoomwidth-TJPborderthick*2-TJPshadowthick*2)/(parseFloat(obj.style.width)-TJPzoomwidth+TJPborderthick*2+TJPshadowthick*2)*(nowx-TJPzoomoffsetx*(TJPzoomwidth-2*TJPborderthick-2*TJPshadowthick)) }
     stage.getElementsByTagName('div')[1].getElementsByTagName('img')[0].style.marginLeft=t+'px';
    
     if(stage.getElementsByTagName('div')[1].getElementsByTagName('img')[1]) {
      stage.getElementsByTagName('div')[1].getElementsByTagName('img')[1].style.marginLeft=t+'px';
     }
    }
    
    function TJPinit() {
     TJPadjustx=0; TJPadjusty=0;
     if(navigator.userAgent.indexOf('MSIE')>-1) {TJPadjustx=2;TJPadjusty=2;}
     if(navigator.userAgent.indexOf('Opera')>-1) {TJPadjustx=0; TJPadjusty=0;}
     if(navigator.userAgent.indexOf('Safari')>-1) {TJPadjustx=1; TJPadjusty=2;}
    }
    
    // configuration - do not modify the following, instead read the behaviors.html file in the tutorial!
    var TJPon=new Array();
    var TJPadjustx,TJPadjusty;
    var TJPmouse=0; var TJPmousey; var TJPmousex;
    var TJPloading='<div style="background-color: #ffeb77; color: #333333; padding:2px; font-family: verdana,arial,helvetica; font-size: 10px;">Loading...</div>';
    
    var TJPzoomwidth=160;
    var TJPzoomheight=120;
    var TJPzoomratio;
    var TJPzoomwindowlock=0;
    
    var TJPzoomoffsetx=.5;
    var TJPzoomoffsety=.5;
    var TJPzoomoffset;
    
    var TJPzoomamount=4;
    var TJPzoomamountmax=12;
    var TJPzoomamountmin=1;
    
    var TJPborderthick=2;
    var TJPbordercolor='#888888';
    
    var TJPshadowthick=8;
    var TJPshadow='dropshadow/';
    
    TJPinit();
    
    // TJPzoom 3 * János Pál Tóth
    // Docs @ http://valid.tjp.hu/tjpzoom/ 
    // News @ http://tjpzoom.blogspot.com/
    Es gibt auch noch ein Script für Vergrößerungsgröße und so... aber das ist glaub ich eher unwichtig:

    Code:
    // TJPzoom 3 configuration file * János Pál Tóth
    // 2007.04.28
    // Docs @ http://valid.tjp.hu/tjpzoom/ 
    // News @ http://tjpzoom.blogspot.com/
    
    // DEFAULT
    // a bit of a border (2px)
    // and a bit of a drop shadow
    
    var TJPzoomwidth=240;              //zoom window size
    var TJPzoomheight=240; 
    var TJPzoomwindowlock=1;           //set to 1 to lock window size
    
    var TJPzoomoffsetx=.5;
    var TJPzoomoffsety=.5;
    
    var TJPzoomamount=2;
    var TJPzoomamountmax=2;
    var TJPzoomamountmin=2;
    
    var TJPborderthick=2;              //border thickness, SET 0 to no borders
    var TJPbordercolor='#cccccc';      //border color
    
    var TJPshadowthick=8;              //shadow image size/2, SET 0 to have no shadows (saves cpu)
    var TJPshadow='dropshadow/';       // <>: n, ne, e, se, s, sw, w, nw - TJPshadow+'nw.png'
    
    // TJPzoom 3 configuration file * János Pál Tóth
    // Docs @ http://valid.tjp.hu/tjpzoom/ 
    // News @ http://tjpzoom.blogspot.com/

  6. #6
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Fehler - Picture Magnifier

    also, ich hab mir des mal angesehen und muss als erstes mal loswerden, das deine art und weise code zu schreiben bescheiden ist wirklich sehr sehr bescheiden.

    wofür machst du eigentlich diese tabellenkacke? denn die ist verantwortlich für deine problematik.
    an welcher stelle genau hab ich noch nicht herausgefunden, da ich grad mal allen "unnötigen" tabellenschmu weggemacht habe.
    ich werd auch noch weitergucken, weil solch probleme interessant sind.

    aber tu dir und anderen die dir helfen sollen zwei wirklich wichtige gefallen
    trenne css vom code, muss ja nicht zwingend in nen externes stylesheet sein, aber zumindest doch in ein style-tag in den head der datei
    nur mal so als tip.
    und das andere is der tabellenkram, mach des nur um eine datentabelle zu erzeugen, nicht um elemente zu positionieren



    edit: also nach ner weitern halben std hirnwirsing hab ich die suche eingestellt.
    das ganze is so wirsch zusammengeschrieben, dass die lust wirklich schnell verfliegt.
    ich weiß wo das problem jetzt liegt, aber kann es bei bestem willen so nicht beheben.
    denn letztlich liegt der fehler nicht im script (wo er an sich auch zu beheben wäre)
    sondern im wirschen umliegenden code !
    Geändert von synaptic (18.01.2009 um 01:04 Uhr)
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  7. #7
    Azubi(ne)
    Themenstarter
    Avatar von Roland Rafael Repczuk
    Registriert seit
    12.02.2008
    Beiträge
    95
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Fehler - Picture Magnifier

    Ich weiß jetzt nicht, ob ich mich entschuldigen soll,
    aber auf jeden Fall möchte ich mich erst einmal bedanken !
    Die Tabelle habe ich erzeugt, um neben den Bildern noch
    Beschreibungen positionieren zu können. Anders habe ich mir nicht zu helfen gewusst.

    Also, hab Dank!

    Roland

  8. #8
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Fehler - Picture Magnifier

    naja du kannst doch mit divs arbeiten und diese auch mit css positionieren.
    is alles keine grosse sache du kannst ja mal ne kleine grafik machen wie du das "designen" willst also machste einfach mal nen paar rechtecke wo du deine container haben willst, ich schreib dir dann nen template
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  9. #9
    Azubi(ne)
    Themenstarter
    Avatar von Roland Rafael Repczuk
    Registriert seit
    12.02.2008
    Beiträge
    95
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Fehler - Picture Magnifier

    Erst einmal möchte ich mich entschuldigen, für meine späte Antwort... Mir geht es immoment nicht so gut.

    Wahrscheinlich verstehe ich deine Frage mal wieder falsch. Also das Design würde ich gerne so beibehalten, wie es momentan ist.
    Ich möchte nur, dass dieses Java-Script richtig funktioniert und nicht halb neben dem Bild anfängt, wenn du verstehst, was ich meine.

    Grüße
    Roland

Ähnliche Themen

  1. body picture voting contest
    Von Unregistriert im Forum Eure Homepages und Foren - Vorstellung und Bewertungen
    Antworten: 4
    Letzter Beitrag: 19.10.2008, 18:20
  2. Hintergrund Picture.
    Von Llo im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 13.11.2007, 01:22
  3. Picture-Upload
    Von Major im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 25.01.2006, 13:47
  4. Konfigurationsproblem mit "Picture Gallery Script"
    Von Neo im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 21.08.2005, 15:14
  5. Problem mit Picture Publisher 10
    Von Michi2410 im Forum Computer - Internet Forum
    Antworten: 1
    Letzter Beitrag: 03.11.2004, 23:23

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •