Werbung / Banner buchen
Neuigkeiten
  • Die modified eCommerce Shopsoftware ist kostenlos, aber nicht umsonst.
    Spenden
  • Damit wir die modified eCommerce Shopsoftware auch zukünftig kostenlos anbieten können:
    Spenden
  • Thema: Probleme beim Zoom des Produktbildes (prettyPhoto)

    hahni

    • Neu im Forum
    • Beiträge: 3
    Hallo zusammen,

    ich betreue gegenwärtig eine XTC-Installation. Beim Zoom der Produktbilder habe ich aber ein blödes Problem: der Zoom wird leider viel zu weit unten angezeigt statt horizontal und vertikal mittig ausgerichtet.

    Link:
    http://www.redtools.de/product_info.php?products_id=188#prettyPhoto

    Was habe ich falsch eingestellt bzw. was müsste ich einstellen, damit mein Problem gelöst werden kann? Besten Dank für eure Hilfe.

    Viele Grüße

    Hahni

    Linkback: https://www.modified-shop.org/forum/index.php?topic=35837.0

    h-h-h

    • modified Team
    • Beiträge: 4.562
    Re: Probleme beim Zoom des Produktbildes (prettyPhoto)
    Antwort #1 am: 08. Oktober 2016, 21:52:50
    Guten Abend,
    ich denke du solltest als Erstes dein jQuery Problem beheben:
    TypeError: $.browser is undefined
    Wenn du Fragen zu dem eingesetztem BS2 Template hast, müsstest du dich an dein-eshop.de wenden.

    Falls Interesse an einem BS3 SCSS Template besteht, kann ich das neue (( Wir dulden keine kommerziellen Werbelinks - Bitte Forenregeln beachten! )) Template nur wärmstens empfehlen.

    Gruß, h-h-h

    hahni

    • Neu im Forum
    • Beiträge: 3
    Re: Probleme beim Zoom des Produktbildes (prettyPhoto)
    Antwort #2 am: 08. Oktober 2016, 22:33:36
    Vielen lieben Dank für die prompte Rückantwort. Mein Problem ist aber, dass ich nicht weiß, wie ich das JavaScript-Problem beheben kann/könnte :(

    hpzeller

    • Experte
    • Beiträge: 4.129
    • Geschlecht:
    Re: Probleme beim Zoom des Produktbildes (prettyPhoto)
    Antwort #3 am: 08. Oktober 2016, 22:51:15
    Dein Problem scheint folgendes zu sein, oberhalb des <!DOCTYPE html> steht dieses Markup,

    Code: XML  [Auswählen]
    <!-- livezilla.net code (PLEASE PLACE IN BODY TAG) -->
    <div id="livezilla_tracking" style="display:none"></div><script type="text/javascript">
    var script = document.createElement("script");script.async=true;script.type="text/javascript";var src = "http://www.redtools.de/livechat/server.php?a=92f30&rqst=track&output=jcrpt&intgroup=c2VydmljZQ__&intid=c3RlZmFuLnphYmVs&pref=dXNlcg__&hg=P2FkbWlu&ovlc=IzczYmUyOA__&hots=MQ__&ovltwo=MQ__&eca=MQ__&echm=MQ__&ecsp=MQ__&nse="+Math.random();setTimeout("script.src=src;document.getElementById('livezilla_tracking').appendChild(script)",1);</script><noscript><img src="http://www.redtools.de/livechat/server.php?a=92f30&amp;rqst=track&amp;output=nojcrpt" width="0" height="0" style="visibility:hidden;" alt=""></noscript>
    <!-- http://www.livezilla.net -->
     

    das musst du von dort entfernen und nach <body> wieder einfügen.

    Ich vermute das du die entsprechende Stelle in der includes/header.php findest.

    PS:
    Das Problem welches h-h-h anspricht bezieht sich auf jquery.jqzoom-core-pack.js das ja so wie es aussieht auch nicht funktioniert und dürfte daran liegen, das bei der eingesetzten jQuery Version (/*! jQuery v1.9.1 | (c) 2005, 2012 jQuery Foundation, Inc. | jquery.org/license*/) die Browsererkennung nicht mehr unterstützt wird, sihe hier -> https://api.jquery.com/jquery.browser/

    Gruss
    Hanspeter

    h-h-h

    • modified Team
    • Beiträge: 4.562
    Re: Probleme beim Zoom des Produktbildes (prettyPhoto)
    Antwort #4 am: 08. Oktober 2016, 23:05:38
    Hallo Hahni,
    das Problem ist, dass deine jQuery Version 1.9.1 die $.browser Funktion (welche von jQzoom verwendet wird) nicht mehr unterstützt.

    Hier gibt es jetzt verschiedene Wege dies zu korrigieren:

    a.) jQzoom wenn möglich aktualisieren, oder ersetzen mit einem neuerem jQuery Plugin

    b.) ältere jQuery Version verwenden, wenn dies nicht zu weiteren Problemen mit anderen Scripten führt
    jQuery 1.8.3: https://code.jquery.com/jquery-1.8.3.min.js (templates/girzy/javascript/jquery.js)

    c.) jQuery Migrate hinzufügen:
    Code: XML  [Auswählen]
    <script src="//code.jquery.com/jquery-migrate-1.0.0.js"></script>

    d.) nur die benötigte Funktion $.browser nach jQuery hinzufügen:

    Code: Javascript  [Auswählen]
    ;(function($){if(!$.browser&&1.9<=parseFloat($.fn.jquery)){var a={browser:void 0,version:void 0,mobile:!1};navigator&&navigator.userAgent&&(a.ua=navigator.userAgent,a.webkit=/WebKit/i.test(a.ua),a.browserArray="MSIE Chrome Opera Kindle Silk BlackBerry PlayBook Android Safari Mozilla Nokia".split(" "),/Sony[^ ]*/i.test(a.ua)?a.mobile="Sony":/RIM Tablet/i.test(a.ua)?a.mobile="RIM Tablet":/BlackBerry/i.test(a.ua)?a.mobile="BlackBerry":/iPhone/i.test(a.ua)?a.mobile="iPhone":/iPad/i.test(a.ua)?a.mobile="iPad":/iPod/i.test(a.ua)?a.mobile="iPod":/Opera Mini/i.test(a.ua)?a.mobile="Opera Mini":/IEMobile/i.test(a.ua)?a.mobile="IEMobile":/BB[0-9]{1,}; Touch/i.test(a.ua)?a.mobile="BlackBerry":/Nokia/i.test(a.ua)?a.mobile="Nokia":/Android/i.test(a.ua)&&(a.mobile="Android"),/MSIE|Trident/i.test(a.ua)?(a.browser="MSIE",a.version=/MSIE/i.test(navigator.userAgent)&&0<parseFloat(a.ua.split("MSIE")[1].replace(/[^0-9\.]/g,""))?parseFloat(a.ua.split("MSIE")[1].replace(/[^0-9\.]/g,"")):"Edge",/Trident/i.test(a.ua)&&/rv:([0-9]{1,}[\.0-9]{0,})/.test(a.ua)&&(a.version=parseFloat(a.ua.match(/rv:([0-9]{1,}[\.0-9]{0,})/)[1].replace(/[^0-9\.]/g,"")))):/Chrome/.test(a.ua)?(a.browser="Chrome",a.version=parseFloat(a.ua.split("Chrome/")[1].split("Safari")[0].replace(/[^0-9\.]/g,""))):/Opera/.test(a.ua)?(a.browser="Opera",a.version=parseFloat(a.ua.split("Version/")[1].replace(/[^0-9\.]/g,""))):/Kindle|Silk|KFTT|KFOT|KFJWA|KFJWI|KFSOWI|KFTHWA|KFTHWI|KFAPWA|KFAPWI/i.test(a.ua)?(a.mobile="Kindle",/Silk/i.test(a.ua)?(a.browser="Silk",a.version=parseFloat(a.ua.split("Silk/")[1].split("Safari")[0].replace(/[^0-9\.]/g,""))):/Kindle/i.test(a.ua)&&/Version/i.test(a.ua)&&(a.browser="Kindle",a.version=parseFloat(a.ua.split("Version/")[1].split("Safari")[0].replace(/[^0-9\.]/g,"")))):/BlackBerry/.test(a.ua)?(a.browser="BlackBerry",a.version=parseFloat(a.ua.split("/")[1].replace(/[^0-9\.]/g,""))):/PlayBook/.test(a.ua)?(a.browser="PlayBook",a.version=parseFloat(a.ua.split("Version/")[1].split("Safari")[0].replace(/[^0-9\.]/g,""))):/BB[0-9]{1,}; Touch/.test(a.ua)?(a.browser="Blackberry",a.version=parseFloat(a.ua.split("Version/")[1].split("Safari")[0].replace(/[^0-9\.]/g,""))):/Android/.test(a.ua)?(a.browser="Android",a.version=parseFloat(a.ua.split("Version/")[1].split("Safari")[0].replace(/[^0-9\.]/g,""))):/Safari/.test(a.ua)?(a.browser="Safari",a.version=parseFloat(a.ua.split("Version/")[1].split("Safari")[0].replace(/[^0-9\.]/g,""))):/Firefox/.test(a.ua)?(a.browser="Mozilla",a.version=parseFloat(a.ua.split("Firefox/")[1].replace(/[^0-9\.]/g,""))):/Nokia/.test(a.ua)&&(a.browser="Nokia",a.version=parseFloat(a.ua.split("Browser")[1].replace(/[^0-9\.]/g,""))));if(a.browser)for(var b in a.browserArray)a[a.browserArray[b].toLowerCase()]=a.browser==a.browserArray[b];$.extend(!0,$.browser={},a)}})(jQuery);

    e.) jQzoom anpassen, da es kein Update gibt und die Version benötigt wird?!
    Den Inhalt der Datei girzy/assets/jqzoom_ev-2.3/js/jquery.jqzoom-core-pack.js mit folgendem ersetzen:

    Code: Javascript  [Auswählen]
    (function($){var v=(navigator.userAgent.match(/msie [6]/i));var w=$(document.body);var y=$(y);var z=false;$.fn.jqzoom=function(b){return this.each(function(){var a=this.nodeName.toLowerCase();if(a=='a'){new jqzoom(this,b)}})};jqzoom=function(g,h){var j=null;j=$(g).data("jqzoom");if(j)return j;var k=this;var l=$.extend({},$.jqzoom.defaults,h||{});k.el=g;g.rel=$(g).attr('rel');g.zoom_active=false;g.zoom_disabled=false;g.largeimageloading=false;g.largeimageloaded=false;g.scale={};g.timer=null;g.mousepos={};g.mouseDown=false;$(g).css({'outline-style':'none','text-decoration':'none'});var m=$("img:eq(0)",g);g.title=$(g).attr('title');g.imagetitle=m.attr('title');var n=($.trim(g.title).length>0)?g.title:g.imagetitle;var p=new Smallimage(m);var q=new Lens();var r=new Stage();var s=new Largeimage();var t=new Loader();$(g).bind('click',function(e){e.preventDefault();return false});var u=['standard','drag','innerzoom','reverse'];if($.inArray($.trim(l.zoomType),u)<0){l.zoomType='standard'}$.extend(k,{create:function(){if($(".zoomPad",g).length==0){g.zoomPad=$('<div/>').addClass('zoomPad');m.wrap(g.zoomPad)}if(l.zoomType=='innerzoom'){l.zoomWidth=p.w;l.zoomHeight=p.h}if($(".zoomPup",g).length==0){q.append()}if($(".zoomWindow",g).length==0){r.append()}if($(".zoomPreload",g).length==0){t.append()}if(l.preloadImages||l.zoomType=='drag'||l.alwaysOn){k.load()}k.init()},init:function(){if(l.zoomType=='drag'){$(".zoomPad",g).mousedown(function(){g.mouseDown=true});$(".zoomPad",g).mouseup(function(){g.mouseDown=false});document.body.ondragstart=function(){return false};$(".zoomPad",g).css({cursor:'default'});$(".zoomPup",g).css({cursor:'move'})}if(l.zoomType=='innerzoom'){$(".zoomWrapper",g).css({cursor:'crosshair'})}$(".zoomPad",g).bind('mouseenter mouseover',function(a){m.attr('title','');$(g).attr('title','');g.zoom_active=true;p.fetchdata();if(g.largeimageloaded){k.activate(a)}else{k.load()}});$(".zoomPad",g).bind('mouseleave',function(a){k.deactivate()});$(".zoomPad",g).bind('mousemove',function(e){if(e.pageX>p.pos.r||e.pageX<p.pos.l||e.pageY<p.pos.t||e.pageY>p.pos.b){q.setcenter();return false}g.zoom_active=true;if(g.largeimageloaded&&!$('.zoomWindow',g).is(':visible')){k.activate(e)}if(g.largeimageloaded&&(l.zoomType!='drag'||(l.zoomType=='drag'&&g.mouseDown))){q.setposition(e)}});var c=new Array();var i=0;var d=new Array();d=$('a').filter(function(){var a=new RegExp("gallery[\\s]*:[\\s]*'"+$.trim(g.rel)+"'","i");var b=$(this).attr('rel');if(a.test(b)){return this}});if(d.length>0){var f=d.splice(0,1);d.push(f)}d.each(function(){if(l.preloadImages){var a=$.extend({},eval("("+$.trim($(this).attr('rel'))+")"));c[i]=new Image();c[i].src=a.largeimage;i++}$(this).click(function(e){if($(this).hasClass('zoomThumbActive')){return false}d.each(function(){$(this).removeClass('zoomThumbActive')});e.preventDefault();k.swapimage(this);return false})})},load:function(){if(g.largeimageloaded==false&&g.largeimageloading==false){var a=$(g).attr('href');g.largeimageloading=true;s.loadimage(a)}},activate:function(e){clearTimeout(g.timer);q.show();r.show()},deactivate:function(e){switch(l.zoomType){case'drag':break;default:m.attr('title',g.imagetitle);$(g).attr('title',g.title);if(l.alwaysOn){q.setcenter()}else{r.hide();q.hide()}break}g.zoom_active=false},swapimage:function(a){g.largeimageloading=false;g.largeimageloaded=false;var b=new Object();b=$.extend({},eval("("+$.trim($(a).attr('rel'))+")"));if(b.smallimage&&b.largeimage){var c=b.smallimage;var d=b.largeimage;$(a).addClass('zoomThumbActive');$(g).attr('href',d);m.attr('src',c);q.hide();r.hide();k.load()}else{alert('ERROR :: Missing parameter for largeimage or smallimage.');throw'ERROR :: Missing parameter for largeimage or smallimage.';}return false}});if(m[0].complete){p.fetchdata();if($(".zoomPad",g).length==0)k.create()}function Smallimage(c){var d=this;this.node=c[0];this.findborder=function(){var a=0;a=c.css('border-top-width');btop='';var b=0;b=c.css('border-left-width');bleft='';if(a){for(i=0;i<3;i++){var x=[];x=a.substr(i,1);if(isNaN(x)==false){btop=btop+''+a.substr(i,1)}else{break}}}if(b){for(i=0;i<3;i++){if(!isNaN(b.substr(i,1))){bleft=bleft+b.substr(i,1)}else{break}}}d.btop=(btop.length>0)?eval(btop):0;d.bleft=(bleft.length>0)?eval(bleft):0};this.fetchdata=function(){d.findborder();d.w=c.width();d.h=c.height();d.ow=c.outerWidth();d.oh=c.outerHeight();d.pos=c.offset();d.pos.l=c.offset().left+d.bleft;d.pos.t=c.offset().top+d.btop;d.pos.r=d.w+d.pos.l;d.pos.b=d.h+d.pos.t;d.rightlimit=c.offset().left+d.ow;d.bottomlimit=c.offset().top+d.oh};this.node.onerror=function(){alert('Problems while loading image.');throw'Problems while loading image.';};this.node.onload=function(){d.fetchdata();if($(".zoomPad",g).length==0)k.create()};return d};function Loader(){var a=this;this.append=function(){this.node=$('<div/>').addClass('zoomPreload').css('visibility','hidden').html(l.preloadText);$('.zoomPad',g).append(this.node)};this.show=function(){this.node.top=(p.oh-this.node.height())/2;this.node.left=(p.ow-this.node.width())/2;this.node.css({top:this.node.top,left:this.node.left,position:'absolute',visibility:'visible'})};this.hide=function(){this.node.css('visibility','hidden')};return this}function Lens(){var d=this;this.node=$('<div/>').addClass('zoomPup');this.append=function(){$('.zoomPad',g).append($(this.node).hide());if(l.zoomType=='reverse'){this.image=new Image();this.image.src=p.node.src;$(this.node).empty().append(this.image)}};this.setdimensions=function(){this.node.w=(parseInt((l.zoomWidth)/g.scale.x)>p.w)?p.w:(parseInt(l.zoomWidth/g.scale.x));this.node.h=(parseInt((l.zoomHeight)/g.scale.y)>p.h)?p.h:(parseInt(l.zoomHeight/g.scale.y));this.node.top=(p.oh-this.node.h-2)/2;this.node.left=(p.ow-this.node.w-2)/2;this.node.css({top:0,left:0,width:this.node.w+'px',height:this.node.h+'px',position:'absolute',display:'none',borderWidth:1+'px'});if(l.zoomType=='reverse'){this.image.src=p.node.src;$(this.node).css({'opacity':1});$(this.image).css({position:'absolute',display:'block',left:-(this.node.left+1-p.bleft)+'px',top:-(this.node.top+1-p.btop)+'px'})}};this.setcenter=function(){this.node.top=(p.oh-this.node.h-2)/2;this.node.left=(p.ow-this.node.w-2)/2;this.node.css({top:this.node.top,left:this.node.left});if(l.zoomType=='reverse'){$(this.image).css({position:'absolute',display:'block',left:-(this.node.left+1-p.bleft)+'px',top:-(this.node.top+1-p.btop)+'px'})}s.setposition()};this.setposition=function(e){g.mousepos.x=e.pageX;g.mousepos.y=e.pageY;var b=0;var c=0;function overleft(a){return g.mousepos.x-(a.w)/2<p.pos.l}function overright(a){return g.mousepos.x+(a.w)/2>p.pos.r}function overtop(a){return g.mousepos.y-(a.h)/2<p.pos.t}function overbottom(a){return g.mousepos.y+(a.h)/2>p.pos.b}b=g.mousepos.x+p.bleft-p.pos.l-(this.node.w+2)/2;c=g.mousepos.y+p.btop-p.pos.t-(this.node.h+2)/2;if(overleft(this.node)){b=p.bleft-1}else if(overright(this.node)){b=p.w+p.bleft-this.node.w-1}if(overtop(this.node)){c=p.btop-1}else if(overbottom(this.node)){c=p.h+p.btop-this.node.h-1}this.node.left=b;this.node.top=c;this.node.css({'left':b+'px','top':c+'px'});if(l.zoomType=='reverse'){if(!navigator.userAgent.match(/msie [7]/i)){$(this.node).empty().append(this.image)}$(this.image).css({position:'absolute',display:'block',left:-(this.node.left+1-p.bleft)+'px',top:-(this.node.top+1-p.btop)+'px'})}s.setposition()};this.hide=function(){m.css({'opacity':1});this.node.hide()};this.show=function(){if(l.zoomType!='innerzoom'&&(l.lens||l.zoomType=='drag')){this.node.show()}if(l.zoomType=='reverse'){m.css({'opacity':l.imageOpacity})}};this.getoffset=function(){var o={};o.left=d.node.left;o.top=d.node.top;return o};return this};function Stage(){var b=this;this.node=$("<div class='zoomWindow'><div class='zoomWrapper'><div class='zoomWrapperTitle'></div><div class='zoomWrapperImage'></div></div></div>");this.ieframe=$('<iframe class="zoomIframe" src="javascript:\'\';" marginwidth="0" marginheight="0" align="bottom" scrolling="no" frameborder="0" ></iframe>');this.setposition=function(){this.node.leftpos=0;this.node.toppos=0;if(l.zoomType!='innerzoom'){switch(l.position){case"left":this.node.leftpos=(p.pos.l-p.bleft-Math.abs(l.xOffset)-l.zoomWidth>0)?(0-l.zoomWidth-Math.abs(l.xOffset)):(p.ow+Math.abs(l.xOffset));this.node.toppos=Math.abs(l.yOffset);break;case"top":this.node.leftpos=Math.abs(l.xOffset);this.node.toppos=(p.pos.t-p.btop-Math.abs(l.yOffset)-l.zoomHeight>0)?(0-l.zoomHeight-Math.abs(l.yOffset)):(p.oh+Math.abs(l.yOffset));break;case"bottom":this.node.leftpos=Math.abs(l.xOffset);this.node.toppos=(p.pos.t-p.btop+p.oh+Math.abs(l.yOffset)+l.zoomHeight<screen.height)?(p.oh+Math.abs(l.yOffset)):(0-l.zoomHeight-Math.abs(l.yOffset));break;default:this.node.leftpos=(p.rightlimit+Math.abs(l.xOffset)+l.zoomWidth<screen.width)?(p.ow+Math.abs(l.xOffset)):(0-l.zoomWidth-Math.abs(l.xOffset));this.node.toppos=Math.abs(l.yOffset);break}}this.node.css({'left':this.node.leftpos+'px','top':this.node.toppos+'px'});return this};this.append=function(){$('.zoomPad',g).append(this.node);this.node.css({position:'absolute',display:'none',zIndex:5001});if(l.zoomType=='innerzoom'){this.node.css({cursor:'default'});var a=(p.bleft==0)?1:p.bleft;$('.zoomWrapper',this.node).css({borderWidth:a+'px'})}$('.zoomWrapper',this.node).css({width:Math.round(l.zoomWidth)+'px',borderWidth:a+'px'});$('.zoomWrapperImage',this.node).css({width:'100%',height:Math.round(l.zoomHeight)+'px'});$('.zoomWrapperTitle',this.node).css({width:'100%',position:'absolute'});$('.zoomWrapperTitle',this.node).hide();if(l.title&&n.length>0){$('.zoomWrapperTitle',this.node).html(n).show()}b.setposition()};this.hide=function(){switch(l.hideEffect){case'fadeout':this.node.fadeOut(l.fadeoutSpeed,function(){});break;default:this.node.hide();break}this.ieframe.hide()};this.show=function(){switch(l.showEffect){case'fadein':this.node.fadeIn();this.node.fadeIn(l.fadeinSpeed,function(){});break;default:this.node.show();break}if(v&&l.zoomType!='innerzoom'){this.ieframe.width=this.node.width();this.ieframe.height=this.node.height();this.ieframe.left=this.node.leftpos;this.ieframe.top=this.node.toppos;this.ieframe.css({display:'block',position:"absolute",left:this.ieframe.left,top:this.ieframe.top,zIndex:99,width:this.ieframe.width+'px',height:this.ieframe.height+'px'});$('.zoomPad',g).append(this.ieframe);this.ieframe.show()}}};function Largeimage(){var c=this;this.node=new Image();this.loadimage=function(a){t.show();this.url=a;this.node.style.position='absolute';this.node.style.border='0px';this.node.style.display='none';this.node.style.left='-5000px';this.node.style.top='0px';document.body.appendChild(this.node);this.node.src=a};this.fetchdata=function(){var a=$(this.node);var b={};this.node.style.display='block';c.w=a.width();c.h=a.height();c.pos=a.offset();c.pos.l=a.offset().left;c.pos.t=a.offset().top;c.pos.r=c.w+c.pos.l;c.pos.b=c.h+c.pos.t;b.x=(c.w/p.w);b.y=(c.h/p.h);g.scale=b;document.body.removeChild(this.node);$('.zoomWrapperImage',g).empty().append(this.node);q.setdimensions()};this.node.onerror=function(){alert('Problems while loading the big image.');throw'Problems while loading the big image.';};this.node.onload=function(){c.fetchdata();t.hide();g.largeimageloading=false;g.largeimageloaded=true;if(l.zoomType=='drag'||l.alwaysOn){q.show();r.show();q.setcenter()}};this.setposition=function(){var a=-g.scale.x*(q.getoffset().left-p.bleft+1);var b=-g.scale.y*(q.getoffset().top-p.btop+1);$(this.node).css({'left':a+'px','top':b+'px'})};return this};$(g).data("jqzoom",k)};$.jqzoom={defaults:{zoomType:'standard',zoomWidth:300,zoomHeight:300,xOffset:10,yOffset:0,position:"right",preloadImages:true,preloadText:'Loading zoom',title:true,lens:true,imageOpacity:0.4,alwaysOn:false,showEffect:'show',hideEffect:'hide',fadeinSpeed:'slow',fadeoutSpeed:'2000'},disable:function(a){var b=$(a).data('jqzoom');b.disable();return false},enable:function(a){var b=$(a).data('jqzoom');b.enable();return false},disableAll:function(a){z=true},enableAll:function(a){z=false}}})(jQuery);

    Habe hier jetzt einfach $.browser.msie&&$.browser.version<7 mit navigator.userAgent.match(/msie [6]/i) ersetzt.

    Und es gibt bestimmt noch weitere Möglichkeiten. :-?

    Gruß, h-h-h

    hahni

    • Neu im Forum
    • Beiträge: 3
    Re: Probleme beim Zoom des Produktbildes (prettyPhoto)
    Antwort #5 am: 08. Oktober 2016, 23:38:14
    Bingo! Nachdem ich den Live-Chat in den Body gepackt habe, geht es. Demnach scheint das Problem mit dem Zoom eigentlich schon Nebensache zu sein?

    hpzeller

    • Experte
    • Beiträge: 4.129
    • Geschlecht:
    Re: Probleme beim Zoom des Produktbildes (prettyPhoto)
    Antwort #6 am: 09. Oktober 2016, 14:28:32
    Hallo Hahni,

    in dem von dir betreuten Shop hat es aber noch mehr Fehler, so funktioniert z.B. der Button rechts "nach oben" nicht, des weiteren öffnet ein klick auf Versandkosten einen neuen Browsertab anstatt die Thickbox.
    Nachfolgend habe ich mal alles zusammengestellt was es braucht um die genannten Probleme zu lösen, inklusive der benötigten Funktion "$.browser" die h-h-h in Antwort #4 gepostet hat.

    Einfach den gesamten Code unten in der 'templates/javascript/general.js.php' unterhalb von diesem Code

    Code: XML  [Auswählen]
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.js" type="text/javascript"></script>

    einfügen.

    Code: XML  [Auswählen]
    <style>
    /* Style fuer Thickbox respnsive von kgd - http://www.modified-shop.org/forum/index.php?topic=33500.msg304943#msg304943 */
    #TB_window iframe{width:425px;max-width:100%;min-height:260px;height:100%;}
    #TB_window img#TB_Image{display:block;margin:15px 0 20px 15px}
    #TB_secondLine{font:12px Arial, Helvetica, sans-serif;color:#666}
    #TB_window a:link{color:#666}
    #TB_window a:visited{color:#666}
    #TB_window a:hover{color:#000}
    #TB_window a:active{color:#666}
    #TB_window a:focus{color:#666}
    #TB_overlay{position:fixed;z-index:100;top:0;left:0;height:100%;width:100%}
    .TB_overlayMacFFBGHack{background:url(/templates/pfotex/css/macFFBgHack.png) repeat}
    .TB_overlayBG{background-color:#000;filter:alpha(opacity=35);opacity:0.35}
    * html #TB_overlay{position:absolute}
    #TB_caption{height:25px;padding:7px 30px 10px 15px;float:left}
    #TB_closeWindow{height:25px;padding:11px 15px 10px 0;float:right}
    #TB_closeAjaxWindow{padding:5px 0 0 0;margin-bottom:1px;text-align:right;float:right}
    #TB_closeAjaxWindow a{text-decoration:none;font-size:14px;font-family:Arial,Helvetica,sans-serif;background:#ccc;padding:3px;display:block;font-weight:bold;margin-right:10px}
    #TB_closeWindow a{text-decoration:none;font-size:14px;font-family:Arial,Helvetica,sans-serif;background:#ccc;padding:3px;display:block;font-weight:bold}
    #TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px}
    #TB_title{background-color:#657206;height:30px;color:#FFF;font-size:150%}
    #TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;width:94% !important;height:90% !important}
    #TB_ajaxContent.TB_modal{padding:15px}
    #TB_ajaxContent p{padding:5px 0 5px 0}
    #TB_load{position:fixed;display:none;height:13px;width:208px;z-index:103;top:50%;left:50%;margin:-6px 0 0 -104px}
    * html #TB_load{position:absolute}
    #TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;opacity:0.0;height:100%;width:100%}
    * html #TB_HideSelect{position:absolute}
    #TB_next a, #TB_prev a{font-size:18px;font-family:Arial,Helvetica,sans-serif;text-decoration:none}
    @media only screen and (max-width:800px){
    #TB_window{font:12px Arial, Helvetica, sans-serif;font-weight:bold;position:fixed;background:#ffffff;z-index:999;color:#333333;display:none;border:0px solid #fff;text-align:left;top:20%;width:90% !important;margin-left:5% !important;margin-right:5% !important;margin-top:5% !important;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;-webkit-box-shadow:0px 4px 11px rgba(50, 50, 50, 0.65);-moz-box-shadow:0px 4px 11px rgba(50, 50, 50, 0.85);box-shadow:0px 4px 11px rgba(50, 50, 50, 0.85);}
    * html #TB_window{position:absolute;}
    #TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;width:100% !important;height:92% !important;}
    }
    @media only screen and (min-width:801px){
    #TB_window{font:12px Arial, Helvetica, sans-serif;font-weight:bold;position:fixed;background:#ffffff;z-index:101;color:#333333;display:none;border:0px solid #fff;text-align:left;top:50%;left:50%;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;-webkit-box-shadow:0px 4px 11px rgba(50, 50, 50, 0.65);-moz-box-shadow:0px 4px 11px rgba(50, 50, 50, 0.85);box-shadow:0px 4px 11px rgba(50, 50, 50, 0.85);display:flex;-webkit-display:flex;flex-direction:column;-webkit-flex-direction:column;}
    * html #TB_window{position:absolute;}
    #TB_iframeContent{clear:both;border:none;margin-bottom:5px;margin-top:1px;}
    }
    </style>

    <script>
    /*
     * jQuery Migrate nur die Funktion $.browser
     */
    ;(function($){if(!$.browser&&1.9<=parseFloat($.fn.jquery)){var a={browser:void 0,version:void 0,mobile:!1};navigator&&navigator.userAgent&&(a.ua=navigator.userAgent,a.webkit=/WebKit/i.test(a.ua),a.browserArray="MSIE Chrome Opera Kindle Silk BlackBerry PlayBook Android Safari Mozilla Nokia".split(" "),/Sony[^ ]*/i.test(a.ua)?a.mobile="Sony":/RIM Tablet/i.test(a.ua)?a.mobile="RIM Tablet":/BlackBerry/i.test(a.ua)?a.mobile="BlackBerry":/iPhone/i.test(a.ua)?a.mobile="iPhone":/iPad/i.test(a.ua)?a.mobile="iPad":/iPod/i.test(a.ua)?a.mobile="iPod":/Opera Mini/i.test(a.ua)?a.mobile="Opera Mini":/IEMobile/i.test(a.ua)?a.mobile="IEMobile":/BB[0-9]{1,}; Touch/i.test(a.ua)?a.mobile="BlackBerry":/Nokia/i.test(a.ua)?a.mobile="Nokia":/Android/i.test(a.ua)&&(a.mobile="Android"),/MSIE|Trident/i.test(a.ua)?(a.browser="MSIE",a.version=/MSIE/i.test(navigator.userAgent)&&0<parseFloat(a.ua.split("MSIE")[1].replace(/[^0-9\.]/g,""))?parseFloat(a.ua.split("MSIE")[1].replace(/[^0-9\.]/g,"")):"Edge",/Trident/i.test(a.ua)&&/rv:([0-9]{1,}[\.0-9]{0,})/.test(a.ua)&&(a.version=parseFloat(a.ua.match(/rv:([0-9]{1,}[\.0-9]{0,})/)[1].replace(/[^0-9\.]/g,"")))):/Chrome/.test(a.ua)?(a.browser="Chrome",a.version=parseFloat(a.ua.split("Chrome/")[1].split("Safari")[0].replace(/[^0-9\.]/g,""))):/Opera/.test(a.ua)?(a.browser="Opera",a.version=parseFloat(a.ua.split("Version/")[1].replace(/[^0-9\.]/g,""))):/Kindle|Silk|KFTT|KFOT|KFJWA|KFJWI|KFSOWI|KFTHWA|KFTHWI|KFAPWA|KFAPWI/i.test(a.ua)?(a.mobile="Kindle",/Silk/i.test(a.ua)?(a.browser="Silk",a.version=parseFloat(a.ua.split("Silk/")[1].split("Safari")[0].replace(/[^0-9\.]/g,""))):/Kindle/i.test(a.ua)&&/Version/i.test(a.ua)&&(a.browser="Kindle",a.version=parseFloat(a.ua.split("Version/")[1].split("Safari")[0].replace(/[^0-9\.]/g,"")))):/BlackBerry/.test(a.ua)?(a.browser="BlackBerry",a.version=parseFloat(a.ua.split("/")[1].replace(/[^0-9\.]/g,""))):/PlayBook/.test(a.ua)?(a.browser="PlayBook",a.version=parseFloat(a.ua.split("Version/")[1].split("Safari")[0].replace(/[^0-9\.]/g,""))):/BB[0-9]{1,}; Touch/.test(a.ua)?(a.browser="Blackberry",a.version=parseFloat(a.ua.split("Version/")[1].split("Safari")[0].replace(/[^0-9\.]/g,""))):/Android/.test(a.ua)?(a.browser="Android",a.version=parseFloat(a.ua.split("Version/")[1].split("Safari")[0].replace(/[^0-9\.]/g,""))):/Safari/.test(a.ua)?(a.browser="Safari",a.version=parseFloat(a.ua.split("Version/")[1].split("Safari")[0].replace(/[^0-9\.]/g,""))):/Firefox/.test(a.ua)?(a.browser="Mozilla",a.version=parseFloat(a.ua.split("Firefox/")[1].replace(/[^0-9\.]/g,""))):/Nokia/.test(a.ua)&&(a.browser="Nokia",a.version=parseFloat(a.ua.split("Browser")[1].replace(/[^0-9\.]/g,""))));if(a.browser)for(var b in a.browserArray)a[a.browserArray[b].toLowerCase()]=a.browser==a.browserArray[b];$.extend(!0,$.browser={},a)}})(jQuery);

    /*
     * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
     *
     * Uses the built in easing capabilities added In jQuery 1.1
     * to offer multiple easing options
     *
     * TERMS OF USE - jQuery Easing
     *
     * Open source under the BSD License.
     *
     * Copyright © 2008 George McGinley Smith
     * All rights reserved.
     *
     * Redistribution and use in source and binary forms, with or without modification,
     * are permitted provided that the following conditions are met:
     *
     * Redistributions of source code must retain the above copyright notice, this list of
     * conditions and the following disclaimer.
     * Redistributions in binary form must reproduce the above copyright notice, this list
     * of conditions and the following disclaimer in the documentation and/or other materials
     * provided with the distribution.
     *
     * Neither the name of the author nor the names of contributors may be used to endorse
     * or promote products derived from this software without specific prior written permission.
     *
     * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
     * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
     * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
     *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
     *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
     *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
     * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
     *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
     * OF THE POSSIBILITY OF SUCH DAMAGE.
     *
    */
    // t: current time, b: begInnIng value, c: change In value, d: duration
    jQuery.easing['jswing'] = jQuery.easing['swing'];

    jQuery.extend( jQuery.easing,
    {
            def: 'easeOutQuad',
            swing: function (x, t, b, c, d) {
                    //alert(jQuery.easing.default);
                    return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
            },
            easeInQuad: function (x, t, b, c, d) {
                    return c*(t/=d)*t + b;
            },
            easeOutQuad: function (x, t, b, c, d) {
                    return -c *(t/=d)*(t-2) + b;
            },
            easeInOutQuad: function (x, t, b, c, d) {
                    if ((t/=d/2) < 1) return c/2*t*t + b;
                    return -c/2 * ((--t)*(t-2) - 1) + b;
            },
            easeInCubic: function (x, t, b, c, d) {
                    return c*(t/=d)*t*t + b;
            },
            easeOutCubic: function (x, t, b, c, d) {
                    return c*((t=t/d-1)*t*t + 1) + b;
            },
            easeInOutCubic: function (x, t, b, c, d) {
                    if ((t/=d/2) < 1) return c/2*t*t*t + b;
                    return c/2*((t-=2)*t*t + 2) + b;
            },
            easeInQuart: function (x, t, b, c, d) {
                    return c*(t/=d)*t*t*t + b;
            },
            easeOutQuart: function (x, t, b, c, d) {
                    return -c * ((t=t/d-1)*t*t*t - 1) + b;
            },
            easeInOutQuart: function (x, t, b, c, d) {
                    if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
                    return -c/2 * ((t-=2)*t*t*t - 2) + b;
            },
            easeInQuint: function (x, t, b, c, d) {
                    return c*(t/=d)*t*t*t*t + b;
            },
            easeOutQuint: function (x, t, b, c, d) {
                    return c*((t=t/d-1)*t*t*t*t + 1) + b;
            },
            easeInOutQuint: function (x, t, b, c, d) {
                    if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
                    return c/2*((t-=2)*t*t*t*t + 2) + b;
            },
            easeInSine: function (x, t, b, c, d) {
                    return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
            },
            easeOutSine: function (x, t, b, c, d) {
                    return c * Math.sin(t/d * (Math.PI/2)) + b;
            },
            easeInOutSine: function (x, t, b, c, d) {
                    return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
            },
            easeInExpo: function (x, t, b, c, d) {
                    return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
            },
            easeOutExpo: function (x, t, b, c, d) {
                    return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
            },
            easeInOutExpo: function (x, t, b, c, d) {
                    if (t==0) return b;
                    if (t==d) return b+c;
                    if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
                    return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
            },
            easeInCirc: function (x, t, b, c, d) {
                    return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
            },
            easeOutCirc: function (x, t, b, c, d) {
                    return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
            },
            easeInOutCirc: function (x, t, b, c, d) {
                    if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
                    return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
            },
            easeInElastic: function (x, t, b, c, d) {
                    var s=1.70158;var p=0;var a=c;
                    if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
                    if (a < Math.abs(c)) { a=c; var s=p/4; }
                    else var s = p/(2*Math.PI) * Math.asin (c/a);
                    return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
            },
            easeOutElastic: function (x, t, b, c, d) {
                    var s=1.70158;var p=0;var a=c;
                    if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
                    if (a < Math.abs(c)) { a=c; var s=p/4; }
                    else var s = p/(2*Math.PI) * Math.asin (c/a);
                    return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
            },
            easeInOutElastic: function (x, t, b, c, d) {
                    var s=1.70158;var p=0;var a=c;
                    if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
                    if (a < Math.abs(c)) { a=c; var s=p/4; }
                    else var s = p/(2*Math.PI) * Math.asin (c/a);
                    if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
                    return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
            },
            easeInBack: function (x, t, b, c, d, s) {
                    if (s == undefined) s = 1.70158;
                    return c*(t/=d)*t*((s+1)*t - s) + b;
            },
            easeOutBack: function (x, t, b, c, d, s) {
                    if (s == undefined) s = 1.70158;
                    return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
            },
            easeInOutBack: function (x, t, b, c, d, s) {
                    if (s == undefined) s = 1.70158;
                    if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
                    return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
            },
            easeInBounce: function (x, t, b, c, d) {
                    return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
            },
            easeOutBounce: function (x, t, b, c, d) {
                    if ((t/=d) < (1/2.75)) {
                            return c*(7.5625*t*t) + b;
                    } else if (t < (2/2.75)) {
                            return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
                    } else if (t < (2.5/2.75)) {
                            return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
                    } else {
                            return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
                    }
            },
            easeInOutBounce: function (x, t, b, c, d) {
                    if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
                    return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
            }
    });

             
    /*
    * Thickbox 3.1 - One Box To Rule Them All.
    * By Cody Lindley (http://www.codylindley.com)
    * Copyright (c) 2007 cody lindley
    * Licensed under the MIT License: http://www.opensource.org/licenses/mit-license.php
    * Fix for jquery 1.7.x by web0null
    */
    var tb_pathToImage="images/loadingAnimation.gif";$(document).ready(function(){tb_init('a.thickbox, area.thickbox, input.thickbox');imgLoader=new Image();imgLoader.src=tb_pathToImage});function tb_init(domChunk){$(domChunk).click(function(){var t=this.title||this.name||null;var a=this.href||this.alt;var g=this.rel||false;tb_show(t,a,g);this.blur();return false})}function tb_show(caption,url,imageGroup){try{if(typeof document.body.style.maxHeight==="undefined"){$("body","html").css({height:"100%",width:"100%"});$("html").css("overflow","hidden");if(document.getElementById("TB_HideSelect")===null){$("body").append("<iframe src='javascript:false;' id='TB_HideSelect'></iframe><div id='TB_overlay'></div><div id='TB_window'></div>");$("#TB_overlay").click(tb_remove)}}else{if(document.getElementById("TB_overlay")===null){$("body").append("<div id='TB_overlay'></div><div id='TB_window'></div>");$("#TB_overlay").click(tb_remove)}}if(tb_detectMacXFF()){$("#TB_overlay").addClass("TB_overlayMacFFBGHack")}else{$("#TB_overlay").addClass("TB_overlayBG")}if(caption===null){caption=""}$("body").append("<div id='TB_load'><img src='"+imgLoader.src+"' /></div>");$('#TB_load').show();var baseURL;if(url.indexOf("?")!==-1){baseURL=url.substr(0,url.indexOf("?"))}else{baseURL=url}var urlString=/\.jpg$|\.jpeg$|\.png$|\.gif$|\.bmp$/;var urlType=baseURL.toLowerCase().match(urlString);if(urlType=='.jpg'||urlType=='.jpeg'||urlType=='.png'||urlType=='.gif'||urlType=='.bmp'){TB_PrevCaption="";TB_PrevURL="";TB_PrevHTML="";TB_NextCaption="";TB_NextURL="";TB_NextHTML="";TB_imageCount="";TB_FoundURL=false;if(imageGroup){TB_TempArray=$("a[rel="+imageGroup+"]").get();for(TB_Counter=0;((TB_Counter<TB_TempArray.length)&&(TB_NextHTML===""));TB_Counter++){var urlTypeTemp=TB_TempArray[TB_Counter].href.toLowerCase().match(urlString);if(!(TB_TempArray[TB_Counter].href==url)){if(TB_FoundURL){TB_NextCaption=TB_TempArray[TB_Counter].title;TB_NextURL=TB_TempArray[TB_Counter].href;TB_NextHTML="<span id='TB_next'>&nbsp;&nbsp;<a href='#'>&rarr;</a></span>"}else{TB_PrevCaption=TB_TempArray[TB_Counter].title;TB_PrevURL=TB_TempArray[TB_Counter].href;TB_PrevHTML="<span id='TB_prev'>&nbsp;&nbsp;<a href='#'>&larr;</a></span>"}}else{TB_FoundURL=true;TB_imageCount="Bild/Image "+(TB_Counter+1)+" / "+(TB_TempArray.length)}}}imgPreloader=new Image();imgPreloader.onload=function(){imgPreloader.onload=null;var pagesize=tb_getPageSize();var x=pagesize[0]-150;var y=pagesize[1]-150;var imageWidth=imgPreloader.width;var imageHeight=imgPreloader.height;if(imageWidth>x){imageHeight=imageHeight*(x/imageWidth);imageWidth=x;if(imageHeight>y){imageWidth=imageWidth*(y/imageHeight);imageHeight=y}}else if(imageHeight>y){imageWidth=imageWidth*(y/imageHeight);imageHeight=y;if(imageWidth>x){imageHeight=imageHeight*(x/imageWidth);imageWidth=x}}TB_WIDTH=imageWidth+30;TB_HEIGHT=imageHeight+60;$("#TB_window").append("<a href='' id='TB_ImageOff' title='Close'><img id='TB_Image' src='"+url+"' width='"+imageWidth+"' height='"+imageHeight+"' alt='"+caption+"'/></a>"+"<div id='TB_caption'>"+caption+"<div id='TB_secondLine'>"+TB_imageCount+TB_PrevHTML+TB_NextHTML+"</div></div><div id='TB_closeWindow'><a href='#' id='TB_closeWindowButton' title='Close'>X</a></div>");$("#TB_closeWindowButton").click(tb_remove);if(!(TB_PrevHTML==="")){function goPrev(){if($(document).unbind("click",goPrev)){$(document).unbind("click",goPrev)}$("#TB_window").remove();$("body").append("<div id='TB_window'></div>");tb_show(TB_PrevCaption,TB_PrevURL,imageGroup);return false}$("#TB_prev").click(goPrev)}if(!(TB_NextHTML==="")){function goNext(){$("#TB_window").remove();$("body").append("<div id='TB_window'></div>");tb_show(TB_NextCaption,TB_NextURL,imageGroup);return false}$("#TB_next").click(goNext)}document.onkeydown=function(e){if(e==null){keycode=event.keyCode}else{keycode=e.which}if(keycode==27){tb_remove()}else if(keycode==190){if(!(TB_NextHTML=="")){document.onkeydown="";goNext()}}else if(keycode==188){if(!(TB_PrevHTML=="")){document.onkeydown="";goPrev()}}};tb_position();$("#TB_load").remove();$("#TB_ImageOff").click(tb_remove);$("#TB_window").css({display:"block"})};imgPreloader.src=url}else{var queryString=url.replace(/^[^\?]+\??/,'');var params=tb_parseQuery(queryString);TB_WIDTH=(params['width']*1)+30||630;TB_HEIGHT=(params['height']*1)+40||440;ajaxContentW=TB_WIDTH-30;ajaxContentH=TB_HEIGHT-45;if(url.indexOf('TB_iframe')!=-1){urlNoQuery=url.split('TB_');$("#TB_iframeContent").remove();if(params['modal']!="true"){$("#TB_window").append("<div id='TB_title'><div id='TB_ajaxWindowTitle'>"+caption+"</div><div id='TB_closeAjaxWindow'><a href='#' id='TB_closeWindowButton' title='Close'>X</a></div></div><iframe frameborder='0' hspace='0' src='"+urlNoQuery[0]+"' id='TB_iframeContent' name='TB_iframeContent"+Math.round(Math.random()*1000)+"' onload='tb_showIframe()' style='width:"+(ajaxContentW+29)+"px;height:"+(ajaxContentH+17)+"px;' > </iframe>")}else{$("#TB_overlay").unbind();$("#TB_window").append("<iframe frameborder='0' hspace='0' src='"+urlNoQuery[0]+"' id='TB_iframeContent' name='TB_iframeContent"+Math.round(Math.random()*1000)+"' onload='tb_showIframe()' style='width:"+(ajaxContentW+29)+"px;height:"+(ajaxContentH+17)+"px;'> </iframe>")}}else{if($("#TB_window").css("display")!="block"){if(params['modal']!="true"){$("#TB_window").append("<div id='TB_title'><div id='TB_ajaxWindowTitle'>"+caption+"</div><div id='TB_closeAjaxWindow'><a href='#' id='TB_closeWindowButton'>X</a></div></div><div id='TB_ajaxContent' style='width:"+ajaxContentW+"px;height:"+ajaxContentH+"px'></div>")}else{$("#TB_overlay").unbind();$("#TB_window").append("<div id='TB_ajaxContent' class='TB_modal' style='width:"+ajaxContentW+"px;height:"+ajaxContentH+"px;'></div>")}}else{$("#TB_ajaxContent")[0].style.width=ajaxContentW+"px";$("#TB_ajaxContent")[0].style.height=ajaxContentH+"px";$("#TB_ajaxContent")[0].scrollTop=0;$("#TB_ajaxWindowTitle").html(caption)}}$("#TB_closeWindowButton").click(tb_remove);if(url.indexOf('TB_inline')!=-1){$("#TB_ajaxContent").append($('#'+params['inlineId']).children());$("#TB_window").bind('tb_unload',function(){$('#'+params['inlineId']).append($("#TB_ajaxContent").children())});tb_position();$("#TB_load").remove();$("#TB_window").css({display:"block"})}else if(url.indexOf('TB_iframe')!=-1){tb_position();if($.browser.safari){$("#TB_load").remove();$("#TB_window").css({display:"block"})}}else{$("#TB_ajaxContent").load(url+="&random="+(new Date().getTime()),function(){tb_position();$("#TB_load").remove();tb_init("#TB_ajaxContent a.thickbox");$("#TB_window").css({display:"block"})})}}if(!params['modal']){document.onkeyup=function(e){if(e==null){keycode=event.keyCode}else{keycode=e.which}if(keycode==27){tb_remove()}}}}catch(e){}}function tb_showIframe(){$("#TB_load").remove();$("#TB_window").css({display:"block"})}function tb_remove(){$("#TB_imageOff").unbind("click");$("#TB_closeWindowButton").unbind("click");$("#TB_window").fadeOut("fast",function(){$('#TB_window,#TB_overlay,#TB_HideSelect').trigger("tb_unload").unbind().remove()});$("#TB_load").remove();if(typeof document.body.style.maxHeight=="undefined"){$("body","html").css({height:"auto",width:"auto"});$("html").css("overflow","")}document.onkeydown="";document.onkeyup="";return false}function tb_position(){$("#TB_window").css({marginLeft:'-'+parseInt((TB_WIDTH/2),10)+'px',width:TB_WIDTH+'px'});if(!(jQuery.browser.msie&&jQuery.browser.version<7)){$("#TB_window").css({marginTop:'-'+parseInt((TB_HEIGHT/2),10)+'px'})}}function tb_parseQuery(query){var Params={};if(!query){return Params}var Pairs=query.split(/[;&]/);for(var i=0;i<Pairs.length;i++){var KeyVal=Pairs[i].split('=');if(!KeyVal||KeyVal.length!=2){continue}var key=unescape(KeyVal[0]);var val=unescape(KeyVal[1]);val=val.replace(/\+/g,' ');Params[key]=val}return Params}function tb_getPageSize(){var de=document.documentElement;var w=window.innerWidth||self.innerWidth||(de&&de.clientWidth)||document.body.clientWidth;var h=window.innerHeight||self.innerHeight||(de&&de.clientHeight)||document.body.clientHeight;arrayPageSize=[w,h];return arrayPageSize}function tb_detectMacXFF(){var userAgent=navigator.userAgent.toLowerCase();if(userAgent.indexOf('mac')!=-1&&userAgent.indexOf('firefox')!=-1){return true}}                                                
    </script>

    Gruss
    Hanspeter
    Werbung / Banner buchen
    7 Antworten
    4209 Aufrufe
    11. November 2015, 14:26:44 von MrQuad
    5 Antworten
    5458 Aufrufe
    29. März 2011, 22:30:29 von Oktay
    32 Antworten
    17516 Aufrufe
    03. August 2013, 18:20:00 von Leprechaun
    1 Antworten
    3735 Aufrufe
    17. März 2014, 21:39:38 von wandbilderxxl