Anzeige

Fenster nicht schließen - Lightbox

Fenster nicht schließen - Lightbox | PSD-Tutorials.de

Erstellt von grubby, 10.11.2008.

  1. grubby

    grubby Noch nicht viel geschrieben

    Dabei seit:
    09.06.2008
    Beiträge:
    10
    Geschlecht:
    männlich
    Ort:
    Munich
    Fenster nicht schließen - Lightbox
    ich habe ein Problem mit Lightbox bzw Slimbox.
    da ich keine ahnung von javascript habe hoffe ich das mir jemand von euch helfen kann.
    und zwar wenn man ein bild anklickt öffnet sich die gallerie mittels slimbox. geht man jetzt über das bild kann man weiter und zurück klicken, super. klicke ich aber links oder rechts neben das bild. schließt sich die slideshow wieder und das ist ziemlich blöd wenn man sich 60 bilder angeschaut hat und dann deswegen rausfliegt.

    kann mir da jemand helfen dass sich die slideshow nur unten mit dem schließen button beenden läst?
     
    #1      
  2. sokie

    sokie Mod | Web

    Dabei seit:
    23.03.2008
    Beiträge:
    5.338
    Geschlecht:
    männlich
    Ort:
    Bünde NRW
    Software:
    <br>COREL <br> Texteditor
    Fenster nicht schließen - Lightbox
    AW: Fenster nicht schließen - Lightbox

    So ist das auch von der Funktion her gedacht.
    Praktischer wäre es vielleicht die Menge der (Folge)Bilder pro Aufruf zu reduzieren, und dafür mehrere 'von-bis' Bereiche anzubieten.
    (wenn die Bilder nicht allzu klein sind, gelingt es aber auch eigentlich sie mit der Maus zu treffen)
     
    #2      
  3. grubby

    grubby Noch nicht viel geschrieben

    Dabei seit:
    09.06.2008
    Beiträge:
    10
    Geschlecht:
    männlich
    Ort:
    Munich
    Fenster nicht schließen - Lightbox
    AW: Fenster nicht schließen - Lightbox

    aber hin und wieder klickt man doch mal ausversehen neben das bild und man fliegt immer aus der slideshow.
    kann man nicht irgendwie sagen das man sie nur mit dem close button schließen kann?
     
    #3      
  4. Christian

    Christian verpeilt & verschallert

    Dabei seit:
    03.03.2005
    Beiträge:
    853
    Geschlecht:
    männlich
    Kameratyp:
    Canon EOS 300D
    Fenster nicht schließen - Lightbox
    AW: Fenster nicht schließen - Lightbox

    poste doch mal die prototype.js dann kann Dir sicherlich jemand weiterhelfen.
     
    #4      
  5. Georg.K1

    Georg.K1 MultiTalent Kreativ-Flatrate-User

    Dabei seit:
    22.04.2007
    Beiträge:
    62
    Geschlecht:
    männlich
    Fenster nicht schließen - Lightbox
    AW: Fenster nicht schließen - Lightbox

    würd ich auch sagen :)
     
    #5      
  6. grubby

    grubby Noch nicht viel geschrieben

    Dabei seit:
    09.06.2008
    Beiträge:
    10
    Geschlecht:
    männlich
    Ort:
    Munich
    Fenster nicht schließen - Lightbox
    AW: Fenster nicht schließen - Lightbox

    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[0]+")",display:""});$$(P,I).setStyle("width",M.width);$$(P,H,W).setStyle("height",M.height);Y.set("html",L[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[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);
     
    #6      
  7. grubby

    grubby Noch nicht viel geschrieben

    Dabei seit:
    09.06.2008
    Beiträge:
    10
    Geschlecht:
    männlich
    Ort:
    Munich
    Fenster nicht schließen - Lightbox
    AW: Fenster nicht schließen - Lightbox

    so, die Lösung ist gefunden :)
     
    #7      
Seobility SEO Tool
x
×
×