Arno Nühm: Prototype/scriptaculous Lightbox 2: Bilder werden ausgeblendet

SELF-Forum

Prototype/scriptaculous Lightbox 2: Bilder werden ausgeblendet

Arno Nühm Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo Forumgemeinde,

wir versuchen die Lightbox in unsere Galerie einzubauen.

Das Problem:
Klickt man auf ein Bild, so öffnet sich die Lightbox und das richtige Bild wird angezeigt. Dieses wird aber sofort nach Abschluss des Ladevorganges ausgeblendet. Wir konnten jedoch in Firebug sehen, das weder das Bild noch irgendein anderes Elternelement (mit Ausnahme des Ladevorgangselement) ausgeblendet worden ist.

Der Code:
Die Galerie wird mit Hilfe von PHP dynamisch generiert. Betreffende Code sieht folgender Maßen aus:

  
// Auszug: gallery.class.php  
for ($i = 2;$i < count($scan);$i++)  
{  
    $thumbnail = $dir.'/tn/'.$scan[$i];  
    $picture = $dir.'/gal/'.$scan[$i];  
				  
    $thumbnailIMG = '<img src="'.$thumbnail.'" alt="bild" width="160" height="120" />';  
  
    $link = '<a href="{picture}" rel="lightbox[]">{thumbnail}</a>';  
				  
    $link = str_replace("{picture}", $picture, $link);  
    $link = str_replace("{thumbnail}", $thumbnailIMG, $link);  
				  
    if ($thumbnail != $dir.'/tn/WS_FTP.LOG')  
      echo '<li>'.$link.'</li>';  
}

Der daraus resultierende HTML-Quelltext:

  
<li>  
    <a rel="lightbox[]" href="pics/Hafenfest/gal/P1010795.jpg">  
        <img height="120" width="160" alt="bild" src="pics/Hafenfest/tn/P1010795.jpg"/>  
    </a>  
</li>

Könnt ihr uns bitte vom Schlauch schubsen?

Mit freundlichen Grüßen,
Arno Nühm

--
<http://www.lastfm.de/user/INDIEaner@title:Last.FM Profil>
Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Prototype/scriptaculous Lightbox 2: Bilder werden ausgeblendet

    Hopsel
    +1 Informationen zu den Bewertungsregeln

    Hi Arno!

    Könnt ihr uns bitte vom Schlauch schubsen?

    Ihr habt in eurer reset.css geschrieben, dass so ziemlich alle Elemente die Hintergrundfarbe erben:

    html,body,p,h1,h2,h3,h4,h5,h6,div,img,a,form,ul,ol,li,dl,dd,dt,  
object,embed,table,caption,thead,tfoot,tbody,th,tr,a,span,strong,em {  
	background-color: inherit;  

~~~ [...]  
  
Das gilt auch für die Elemente, die durch das Lightbox-Skript dynamisch erzeugt und vor das Bild gelegt werden.  
Entweder ihr gebt diesen Elementen entsprechend einen transparenten Hintergrund oder ihr entfernt die Styleangabe aus der reset.css.  
  
MfG H☼psel

-- 
"It's amazing I won. I was running against peace, prosperity, and incumbency."  
George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001  
  
[Selfcode](http://community.de.selfhtml.org/fanprojekte/selfcode.htm): ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
    Beitrag melden
    +1
    Informationen zu den Bewertungsregeln

    1. [gelöst] Bilder werden ausgeblendet

      Steffen Bruchmann
      – Informationen zu den Bewertungsregeln

      Hallo Hopsel,

      Ihr habt in eurer reset.css geschrieben, dass so ziemlich alle Elemente die Hintergrundfarbe erben [...]
      Das gilt auch für die Elemente, die durch das Lightbox-Skript dynamisch erzeugt und vor das Bild gelegt werden.
      Entweder ihr gebt diesen Elementen entsprechend einen transparenten Hintergrund oder ihr entfernt die Styleangabe aus der reset.css.

      Wir haben die Styleangabe für einen transparenten Hintergrund entfernt und nun funktioniert es wie gewollt. Herzlichen Dank für den Schubser.

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln