+ Antworten
Ergebnis 1 bis 6 von 6

Thema: Lightbox2-Probleme

  1. #1
    TP-Junior Ludde macht alles soweit korrekt
    Registriert seit
    Jun 2009
    Ort
    Kassel
    Beiträge
    11

    Lightbox2-Probleme

    Ich mal wieder - mit dem nächsten Problem...
    Ich hoffe, dass der Themenbereich der Richtige ist, weil ich zwar GoLive benutze, aber das folgende kein wirkliches Golive Problem ist...

    Ich habe die Lightbox in meine Seite eingebunden. Weil mir die Bilposition zu niedrig war, wollte ich durch die Veränderung von 2 Parametern (die mit top:-40px) die Position der sich öffnenden Bilder nach oben schieben (habe ich mir so zusammengelesen...). Auf den ersten Blick klappt es, aber nach dem Bruchteil einer Sekunde rutscht der untere Teil (mit der Bildinformation und dem Close Button) ca. 1 cm nach unten.

    Kann mir jemand sagen, warum, und wie das zu beheben ist?

    Hier der Code:

    HTML-Code:
    #lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
    #lightbox img{ width: auto; height: auto;}
    #lightbox a img{ border: none; }
    
    #outerImageContainer{
            position: relative;
            top:-30px;
            background-color: #fff;
            width: 250px;
            height: 250px;
            margin: 0 auto;
            }#imageContainer{ padding: 10px; }
    
    #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
    #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
    #imageContainer>#hoverNav{ left: 0;}
    #hoverNav a{ outline: none;}
    
    #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
    #prevLink { left: 0; float: left;}
    #nextLink { right: 0; float: right;}
    #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat}
    #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
    
    #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; top:-30px }
    
    #imageData{	padding:0 10px; color: #666; }
    #imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
    #imageData #caption{ font-weight: bold;	}
    #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
    #imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
    
    #overlay{ position: absolute; top: -0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
    Grüße,

    Lutz

  2. #2
    TP-Greis Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Avatar von Boris
    Registriert seit
    Mar 2001
    Ort
    Stuttgart & Kornwestheim
    Beiträge
    9.420
    Ich habe die Lightbox
    Welche? Es gibt ja nur ca 50 verschiedene Varianten einer Lightbox ...
    My software never has bugs. It just develops random features ...

    » DevShack - die Website des freien Webentwicklers Boris

  3. #3
    TP-Junior Ludde macht alles soweit korrekt
    Registriert seit
    Jun 2009
    Ort
    Kassel
    Beiträge
    11
    mmmh. Ich dachte, die würde Lightbox2 heissen. Sind die vom Prinzip her, auch wenn es unterschiedliche Programmierer sind, nicht alle gleich?

  4. #4
    TP-Greis Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Avatar von Boris
    Registriert seit
    Mar 2001
    Ort
    Stuttgart & Kornwestheim
    Beiträge
    9.420
    "Lightbox" ist nur ein Begriff wie "Auto". Es gibt verschiedene Hersteller, Varianten, Größen ...

    Wo hast du dein Lightbox Skript denn her?
    My software never has bugs. It just develops random features ...

    » DevShack - die Website des freien Webentwicklers Boris

  5. #5
    TP-Junior Ludde macht alles soweit korrekt
    Registriert seit
    Jun 2009
    Ort
    Kassel
    Beiträge
    11
    Ach so...
    ich hab's hierher:
    http://www.huddletogether.com/projec...box2/#download

    und demnach ist es die Lightbox v.2.04

  6. #6
    TP-Junior Ludde macht alles soweit korrekt
    Registriert seit
    Jun 2009
    Ort
    Kassel
    Beiträge
    11
    Hilft das denn jetzt weiter bei der Problemlösung?

+ Antworten

Ähnliche Themen

  1. Frage zu Lightbox2 bzw. Multibox
    Von Zeitgenosse im Forum Webdesign allgemein
    Antworten: 11
    Letzter Beitrag: 16.09.2010, 20:56
  2. Frage zur Lightbox2.0
    Von kramsen im Forum Sonstige Programme
    Antworten: 3
    Letzter Beitrag: 20.01.2009, 10:16
  3. Lightbox2 - kommerziell nutzbar?
    Von schiwunja im Forum HTML & CSS
    Antworten: 2
    Letzter Beitrag: 11.05.2008, 17:42
  4. Lightbox2 Verständnisfrage
    Von mira666 im Forum HTML & CSS
    Antworten: 7
    Letzter Beitrag: 06.09.2007, 12:04
  5. Lightbox2 bilder automatisch einbinden ?
    Von tokatci im Forum Webdesign allgemein
    Antworten: 1
    Letzter Beitrag: 28.08.2007, 11:00

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51