Auf Thema antworten 2026

Beitrag

<blockquote data-quote="grubby" data-source="post: 769988" data-attributes="member: 202953">AW: Fenster nicht schließen - LightboxHi, so jetzt <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile&nbsp; &nbsp; :)" loading="lazy" data-shortname=":)" />ich habe eine Mootools.js und eine Slimbox.jsunten ist die Slimbox.jshoffe ihr könnt damit was anfangen bzw es ist die richtige datei.../*&nbsp; &nbsp; Slimbox v1.64 - The ultimate lightweight Lightbox *****&nbsp; &nbsp; (c) 2007-2008 Christophe Beyls &lt;http://www.digitalia.be&gt;&nbsp; &nbsp; MIT-style license.*/var Slimbox;(function(){var G=0,F,L,B,S,T,O,E,M,J=new Image(),K=new Image(),X,a,P,H,W,Z,I,Y,C;window.addEvent(&quot;domready&quot;,function(){$(document.body).adopt($$([X=new Element(&quot;div&quot;,{id:&quot;lbOverlay&quot;}).addEvent(&quot;click&quot;,N),a=new Element(&quot;div&quot;,{id:&quot;lbCenter&quot;}),Z=new Element(&quot;div&quot;,{id:&quot;lbBottomContainer&quot;})]).setStyle(&quot;display&quot;,&quot;none&quot;));P=new Element(&quot;div&quot;,{id:&quot;lbImage&quot;}).injectInside(a).adopt(H=new Element(&quot;a&quot;,{id:&quot;lbPrevLink&quot;,href:&quot;#&quot;}).addEvent(&quot;click&quot;,D),W=new Element(&quot;a&quot;,{id:&quot;lbNextLink&quot;,href:&quot;#&quot;}).addEvent(&quot;click&quot;,R));I=new Element(&quot;div&quot;,{id:&quot;lbBottom&quot;}).injectInside(Z).adopt(new Element(&quot;a&quot;,{id:&quot;lbCloseLink&quot;,href:&quot;#&quot;}).addEvent(&quot;click&quot;,N),Y=new Element(&quot;div&quot;,{id:&quot;lbCaption&quot;}),C=new Element(&quot;div&quot;,{id:&quot;lbNumber&quot;}),new Element(&quot;div&quot;,{styles:{clear:&quot;both&quot;}}));E={overlay:new Fx.Tween(X,{property:&quot;opacity&quot;,duration:500}).set(0),image:new Fx.Tween(P,{property:&quot;opacity&quot;,duration:500,onComplete:A}),bottom:new Fx.Tween(I,{property:&quot;margin-top&quot;,duration:400})}});Slimbox={open:function(e,d,c){F=$extend({loop:false,overlayOpacity:0.8,resizeDuration:400,resizeTransition:false,initialWidth:250,initialHeight:250,animateCaption:true,showCounter:true,counterText:&quot;Bild {x} von {y}&quot;},c||{});if(typeof e==&quot;string&quot;){e=[[e,d]];d=0}L=e;F.loop=F.loop&amp;&amp;(L.length&gt;1);b();Q(true);O=window.getScrollTop()+(window.getHeight()/15);E.resize=new Fx.Morph(a,$extend({duration:F.resizeDuration,onComplete:A},F.resizeTransition?{transition:F.resizeTransition}:{}));a.setStyles({top:O,width:F.initialWidth,height:F.initialHeight,marginLeft:-(F.initialWidth/2),display:&quot;&quot;});E.overlay.start(F.overlayOpacity);G=1;return U(d)}};Element.implement({slimbox:function(c,d){$$(this).slimbox(c,d);return this}});Elements.implement({slimbox:function(c,f,e){f=f||function(g){return[g.href,g.title]};e=e||function(){return true};var d=this;d.removeEvents(&quot;click&quot;).addEvent(&quot;click&quot;,function(){var g=d.filter(e,this);return Slimbox.open(g.map(f),g.indexOf(this),c)});return d}});function b(){X.setStyles({top:window.getScrollTop(),height:window.getHeight()})}function Q(c){[&quot;object&quot;,window.ie?&quot;select&quot;:&quot;embed&quot;].forEach(function(e){Array.forEach(document.getElementsByTagName(e),function(f){if(c){f._slimbox=f.style.visibility}f.style.visibility=c?&quot;hidden&quot;:f._slimbox})});X.style.display=c?&quot;&quot;:&quot;none&quot;;var d=c?&quot;addEvent&quot;:&quot;removeEvent&quot;;window[d](&quot;scroll&quot;,b)[d](&quot;resize&quot;,b);document[d](&quot;keydown&quot;,V)}function V(c){switch(c.code){case 27:case 88:case 67:N();break;case 37:case 80<img src="/styles/default/xenforo/smilies/biggrin.gif"&nbsp; class="smilie" loading="lazy" alt=":D" title="Big Grin&nbsp; &nbsp; :D" data-shortname=":D" />();break;case 39:case 78:R()}return false}function D(){return U(S)}function R(){return U(T)}function U(c){if((G==1)&amp;&amp;(c&gt;=0)){G=2;B=c;S=((B||!F.loop)?B:L.length)-1;T=B+1;if(T==L.length){T=F.loop?0:-1}$$(H,W,P,Z).setStyle(&quot;display&quot;,&quot;none&quot;);E.bottom.cancel().set(0);E.image.set(0);a.className=&quot;lbLoading&quot;;M=new Image();M.onload=A;M.src=L[c][0]}return false}function A(){switch(G++){case 2:a.className=&quot;&quot;;P.setStyles({backgroundImage:&quot;url(&quot;+L[0]+&quot;)&quot;,display:&quot;&quot;});$$(P,I).setStyle(&quot;width&quot;,M.width);$$(P,H,W).setStyle(&quot;height&quot;,M.height);Y.set(&quot;html&quot;,L[1]||&quot;&quot;);C.set(&quot;html&quot;,(F.showCounter&amp;&amp;(L.length&gt;1))?F.counterText.replace(/{x}/,B+1).replace(/{y}/,L.length):&quot;&quot;);if(S&gt;=0){J.src=L<s>[0]}if(T&gt;=0){K.src=L[T][0]}if(a.clientHeight!=P.offsetHeight){E.resize.start({height<img src="/styles/default/xenforo/smilies/tongue.gif"&nbsp; class="smilie" loading="lazy" alt=":P" title="Stick Out Tongue&nbsp; &nbsp; :P" data-shortname=":P" />.offsetHeight});break}G++;case 3:if(a.clientWidth!=P.offsetWidth){E.resize.start({width<img src="/styles/default/xenforo/smilies/tongue.gif"&nbsp; class="smilie" loading="lazy" alt=":P" title="Stick Out Tongue&nbsp; &nbsp; :P" data-shortname=":P" />.offsetWidth,marginLeft<img src="/styles/default/xenforo/smilies/tongue.gif"&nbsp; class="smilie" loading="lazy" alt=":-P" title="Stick Out Tongue&nbsp; &nbsp; :-P" data-shortname=":-P" />.offsetWidth/2});break}G++;case 4:Z.setStyles({top:O+a.clientHeight,marginLeft:a.style.marginLeft,visibility:&quot;hidden&quot;,display:&quot;&quot;});E.image.start(1);break;case 5:if(S&gt;=0){H.style.display=&quot;&quot;}if(T&gt;=0){W.style.display=&quot;&quot;}if(F.animateCaption){E.bottom.set(-I.offsetHeight).start(0)}Z.style.visibility=&quot;&quot;;G=1}}function N(){if(G){G=0;M.onload=$empty;for(var c in E){E[c].cancel()}$$(a,Z).setStyle(&quot;display&quot;,&quot;none&quot;);E.overlay.chain(Q).start(0)}return false}})();</s><s></s><s>// AUTOLOAD CODE BLOCK (MAY BE CHANGED OR REMOVED)</s><s>Slimbox.scanPage = function() {</s><s>&nbsp; &nbsp; var links = $$(&quot;a&quot;).filter(function(el) {</s><s>&nbsp; &nbsp; &nbsp; &nbsp; return el.rel &amp;&amp; el.rel.test(/^lightbox/i);</s><s>&nbsp; &nbsp; });</s><s>&nbsp; &nbsp; $$(links).slimbox({/* Put custom options here */}, null, function(el) {</s><s>&nbsp; &nbsp; &nbsp; &nbsp; return (this == el) || ((this.rel.length &gt; 8) &amp;&amp; (this.rel == el.rel));</s><s>&nbsp; &nbsp; });</s><s>};</s><s>window.addEvent(&quot;domready&quot;, Slimbox.scanPage);</s></blockquote>

[QUOTE="grubby, post: 769988, member: 202953"] [b]AW: Fenster nicht schließen - Lightbox[/b] Hi, so jetzt :) ich habe eine Mootools.js und eine Slimbox.js unten ist die Slimbox.js hoffe ihr könnt damit was anfangen bzw es ist die richtige datei... /* Slimbox v1.64 - The ultimate lightweight Lightbox ***** (c) 2007-2008 Christophe Beyls <http://www.digitalia.be> MIT-style license. */ var Slimbox;(function(){var G=0,F,L,B,S,T,O,E,M,J=new Image(),K=new Image(),X,a,P,H,W,Z,I,Y,C;window.addEvent("domready",function(){$(document.body).adopt($$([X=new Element("div",{id:"lbOverlay"}).addEvent("click",N),a=new Element("div",{id:"lbCenter"}),Z=new Element("div",{id:"lbBottomContainer"})]).setStyle("display","none"));P=new Element("div",{id:"lbImage"}).injectInside(a).adopt(H=new Element("a",{id:"lbPrevLink",href:"#"}).addEvent("click",D),W=new Element("a",{id:"lbNextLink",href:"#"}).addEvent("click",R));I=new Element("div",{id:"lbBottom"}).injectInside(Z).adopt(new Element("a",{id:"lbCloseLink",href:"#"}).addEvent("click",N),Y=new Element("div",{id:"lbCaption"}),C=new Element("div",{id:"lbNumber"}),new Element("div",{styles:{clear:"both"}}));E={overlay:new Fx.Tween(X,{property:"opacity",duration:500}).set(0),image:new Fx.Tween(P,{property:"opacity",duration:500,onComplete:A}),bottom:new Fx.Tween(I,{property:"margin-top",duration:400})}});Slimbox={open:function(e,d,c){F=$extend({loop:false,overlayOpacity:0.8,resizeDuration:400,resizeTransition:false,initialWidth:250,initialHeight:250,animateCaption:true,showCounter:true,counterText:"Bild {x} von {y}"},c||{});if(typeof e=="string"){e=[[e,d]];d=0}L=e;F.loop=F.loop&&(L.length>1);b();Q(true);O=window.getScrollTop()+(window.getHeight()/15);E.resize=new Fx.Morph(a,$extend({duration:F.resizeDuration,onComplete:A},F.resizeTransition?{transition:F.resizeTransition}:{}));a.setStyles({top:O,width:F.initialWidth,height:F.initialHeight,marginLeft:-(F.initialWidth/2),display:""});E.overlay.start(F.overlayOpacity);G=1;return U(d)}};Element.implement({slimbox:function(c,d){$$(this).slimbox(c,d);return this}});Elements.implement({slimbox:function(c,f,e){f=f||function(g){return[g.href,g.title]};e=e||function(){return true};var d=this;d.removeEvents("click").addEvent("click",function(){var g=d.filter(e,this);return Slimbox.open(g.map(f),g.indexOf(this),c)});return d}});function b(){X.setStyles({top:window.getScrollTop(),height:window.getHeight()})}function Q(c){["object",window.ie?"select":"embed"].forEach(function(e){Array.forEach(document.getElementsByTagName(e),function(f){if(c){f._slimbox=f.style.visibility}f.style.visibility=c?"hidden":f._slimbox})});X.style.display=c?"":"none";var d=c?"addEvent":"removeEvent";window[d]("scroll",b)[d]("resize",b);document[d]("keydown",V)}function V(c){switch(c.code){case 27:case 88:case 67:N();break;case 37:case 80:D();break;case 39:case 78:R()}return false}function D(){return U(S)}function R(){return U(T)}function U(c){if((G==1)&&(c>=0)){G=2;B=c;S=((B||!F.loop)?B:L.length)-1;T=B+1;if(T==L.length){T=F.loop?0:-1}$$(H,W,P,Z).setStyle("display","none");E.bottom.cancel().set(0);E.image.set(0);a.className="lbLoading";M=new Image();M.onload=A;M.src=L[c][0]}return false}function A(){switch(G++){case 2:a.className="";P.setStyles({backgroundImage:"url("+L[b][0]+")",display:""});$$(P,I).setStyle("width",M.width);$$(P,H,W).setStyle("height",M.height);Y.set("html",L[b][1]||"");C.set("html",(F.showCounter&&(L.length>1))?F.counterText.replace(/{x}/,B+1).replace(/{y}/,L.length):"");if(S>=0){J.src=L[S][0]}if(T>=0){K.src=L[T][0]}if(a.clientHeight!=P.offsetHeight){E.resize.start({height:P.offsetHeight});break}G++;case 3:if(a.clientWidth!=P.offsetWidth){E.resize.start({width:P.offsetWidth,marginLeft:-P.offsetWidth/2});break}G++;case 4:Z.setStyles({top:O+a.clientHeight,marginLeft:a.style.marginLeft,visibility:"hidden",display:""});E.image.start(1);break;case 5:if(S>=0){H.style.display=""}if(T>=0){W.style.display=""}if(F.animateCaption){E.bottom.set(-I.offsetHeight).start(0)}Z.style.visibility="";G=1}}function N(){if(G){G=0;M.onload=$empty;for(var c in E){E[c].cancel()}$$(a,Z).setStyle("display","none");E.overlay.chain(Q).start(0)}return false}})(); // AUTOLOAD CODE BLOCK (MAY BE CHANGED OR REMOVED) Slimbox.scanPage = function() { var links = $$("a").filter(function(el) { return el.rel && el.rel.test(/^lightbox/i); }); $$(links).slimbox({/* Put custom options here */}, null, function(el) { return (this == el) || ((this.rel.length > 8) && (this.rel == el.rel)); }); }; window.addEvent("domready", Slimbox.scanPage);[/S][/b][/b] [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?