Thema: YOOeffects Lightbox Hintergrund im IE

Hallo Community,

Ihr müsst mir helfen. Ich habe auf http://www.bauplanung-krueger.de/cms...nt/view/26/59/ eine Galerie mit Yooeffect umgesetzt und funktioniert soweit auch klasse. Nur im IE wird der Hintergrund nur selten eingeschwärzt? Ich weiß nicht woran das liegen könnte? Im FF klappt das super. Hat evtl. jemand einen Tipp für mich? Ich wäre euch super Dankbar wenn mir jemand helfen könnte.

Im voraus besten Dank!

*Update*

Ich denke ich habe das Problem erkannt und hoffe das mir damit einer besser helfen kann. Ich habe 2 Galerien auf einer Seite. Wenn man die erste anklickt kommt der Hintergrund wenn man diese schließt und in die selbe oder die andere geht wird der Hintergrund nicht schwarz überlegt. Wenn ich den Browser einmal aktualisiere mit z.B. F5 funktioniert es wieder 1x. Wieso geht das im FF und Opera ohne Probleme und im IE nicht?

Gruß
Loschdi

Mir ist unklar, wie Du das gemacht hast, bzw. wieso Du von "2 Galerien" überhaupt sprichst?

Die Lightbox ist keine Galerie.

Ich selber nutze auch die Lightbox von YooTools. Dadurch das Dur die Bilder gruppieren kannst, brauchst Du nur eine einzige Lightbox-Anwendung in Deiner Website.
Gruppiert hast Du - aber wieso zwei Lightboxen?

Bei mir laufen denn auch die Lightboxen in einem Table - bei Dir in zweien. Ich denke, dass du da einfach einen Fehler beim einbinden und offenbar auch einen logischen Fehler gemacht hast.

Ansonsten kann ich dir sagen, dass die Lightbox selber im IE7 einwandfrei läuft.
Und was ich auch bemerke ist, dass Deine Lightbox nicht flüssig auf geht, sondern schwerfällig ruckelt.



Axel

Ja ich nutze die Lightbox als Galerie. Denke das es so besser ausgedrückt ist. Hier mal die beiden Lightboxen wie ich Sie eingebunden habe:

HTML-Code:

<a rel="lightbox[schwimm];width=700;height=467" href="http://www.bauplanung-krueger.de/cms/images/stories/galerie/schwimmbad/01.jpg" title="Blick Richtung Ruhezone - vorher"><img src="http://www.bauplanung-krueger.de/cms/images/stories/galerie/schwimmbad/00.jpg" border="0" alt="00" title="Galerie &ouml;ffnen" hspace="5" vspace="0" width="295" height="200" align="left" /></a> 
<a rel="lightbox[schwimm];width=700;height=467" href="http://www.bauplanung-krueger.de/cms/images/stories/galerie/schwimmbad/02.jpg" title="Blick Richtung Ruhezone - nachher"></a>
<a rel="lightbox[schwimm];width=700;height=467" href="http://www.bauplanung-krueger.de/cms/images/stories/galerie/schwimmbad/03.jpg" title="Blick Richtung Wandverkleidung - vorher"></a>
<a rel="lightbox[schwimm];width=700;height=467" href="http://www.bauplanung-krueger.de/cms/images/stories/galerie/schwimmbad/04.jpg" title="Blick Richtung Wandverkleidung - nachher"></a>
<a rel="lightbox[schwimm];width=700;height=467" href="http://www.bauplanung-krueger.de/cms/images/stories/galerie/schwimmbad/05.jpg" title="Blick Richtung Dusche - vorher"></a>
<a rel="lightbox[schwimm];width=700;height=467" href="http://www.bauplanung-krueger.de/cms/images/stories/galerie/schwimmbad/06.jpg" title="Blick Richtung Dusche - nachher"></a>
<a rel="lightbox[schwimm];width=700;height=467" href="http://www.bauplanung-krueger.de/cms/images/stories/galerie/schwimmbad/07.jpg" title="Blick Richtung Garten - vorher"></a>
<a rel="lightbox[schwimm];width=700;height=467" href="http://www.bauplanung-krueger.de/cms/images/stories/galerie/schwimmbad/08.jpg" title="Blick Richtung Garten - nachher"></a>
<a rel="lightbox[schwimm];width=467;height=700" href="http://www.bauplanung-krueger.de/cms/images/stories/galerie/schwimmbad/09.jpg" title="Seitenansicht Wasserspeier"></a>
<a rel="lightbox[schwimm];width=467;height=700" href="http://www.bauplanung-krueger.de/cms/images/stories/galerie/schwimmbad/10.jpg" title="Frontansicht Wasserspeier"></a>
<a rel="lightbox[schwimm];width=467;height=700" href="http://www.bauplanung-krueger.de/cms/images/stories/galerie/schwimmbad/11.jpg" title="Innenansicht Dampfbad"></a>
<a rel="lightbox[schwimm];width=467;height=700" href="http://www.bauplanung-krueger.de/cms/images/stories/galerie/schwimmbad/12.jpg" title="Innenansicht Dampfbad"></a>

Hier die zweite:

HTML-Code:

<a rel="lightbox[loft];width=700;height=467" href="http://www.bauplanung-krueger.de/cms/images/stories/galerie/loft/01.jpg" title="Ansicht von S&uuml;d-West - vorher"><img src="http://www.bauplanung-krueger.de/cms/images/stories/galerie/loft/00.jpg" border="0" alt="00" title="Galerie &ouml;ffnen" hspace="5" vspace="0" width="295" height="200" align="left" /></a> 
<a rel="lightbox[loft];width=700;height=467" href="http://www.bauplanung-krueger.de/cms/images/stories/galerie/loft/02.jpg" title="Ansicht von S&uuml;d-West - nachher"></a>
<a rel="lightbox[loft];width=700;height=467" href="http://www.bauplanung-krueger.de/cms/images/stories/galerie/loft/03.jpg" title="Blick Richtung Garten - vorher"></a>
<a rel="lightbox[loft];width=467;height=700" href="http://www.bauplanung-krueger.de/cms/images/stories/galerie/loft/04.jpg" title="Blick Richtung Garten - nachher"></a>
<a rel="lightbox[loft];width=467;height=700" href="http://www.bauplanung-krueger.de/cms/images/stories/galerie/loft/05.jpg" title="Blick Richtung Garten - nachher"></a>
<a rel="lightbox[loft];width=700;height=467" href="http://www.bauplanung-krueger.de/cms/images/stories/galerie/loft/06.jpg" title="Blick Richtung Nebenr&auml;ume - vorher"></a>
<a rel="lightbox[loft];width=467;height=700" href="http://www.bauplanung-krueger.de/cms/images/stories/galerie/loft/07.jpg" title="Blick Richtung Nebenr&auml;ume - nachher"></a>
<a rel="lightbox[loft];width=700;height=467" href="http://www.bauplanung-krueger.de/cms/images/stories/galerie/loft/08.jpg" title="Blick Richtung Eingang/Galerie - vorher"></a>
<a rel="lightbox[loft];width=467;height=700" href="http://www.bauplanung-krueger.de/cms/images/stories/galerie/loft/09.jpg" title="Blick Richtung Eingang/Galerie - nachher"></a>
<a rel="lightbox[loft];width=467;height=700" href="http://www.bauplanung-krueger.de/cms/images/stories/galerie/loft/10.jpg" title="Treppenaufgang zur Galerie"></a>
<a rel="lightbox[loft];width=467;height=700" href="http://www.bauplanung-krueger.de/cms/images/stories/galerie/loft/11.jpg" title="Treppenaufgang zur Galerie - Detailaufnahme"></a>
<a rel="lightbox[loft];width=467;height=700" href="http://www.bauplanung-krueger.de/cms/images/stories/galerie/loft/12.jpg" title="Treppenaufgang zur Galerie - Detailaufnahme"></a>
<a rel="lightbox[loft];width=700;height=467" href="http://www.bauplanung-krueger.de/cms/images/stories/galerie/loft/13.jpg" title="Ansicht von Nord-West - vorher"></a>
<a rel="lightbox[loft];width=700;height=467" href="http://www.bauplanung-krueger.de/cms/images/stories/galerie/loft/14.jpg" title="Ansicht von Nord-West - nachher"></a>
<a rel="lightbox[loft];width=467;height=700" href="http://www.bauplanung-krueger.de/cms/images/stories/galerie/loft/15.jpg" title="Ansicht von Nord-West - nachher"></a>

Ich denke eigentlich das es so richtig ist? Aber evtl. siehst Du doch einen fehler?

Die Lightbox ruckelt nicht. Ich habe den Übergang auf 0.00 gesetzt weil meine Bekannte es so gewünscht hat. Ich find es aber blöd. Hab es vorerst mal wieder auf 0.35 gestellt. Jetzt sollte Sie auch sauber laufen.

Also ich hoffe Du kannst mir helfen wie ich mein "Problem" in den Griff bekomme? Wäre echt klasse.

Gruß Loschdi

Nein, eben nicht. Du sollst nicht zwei Lightboxen (die übrigens keine Galerie ist und deshalb so auch nicht genutzt werden kann - das aber nur am Rande), sondern eine einzige Lightbox!

Wozu brauchst Du denn zwei Lightboxen? Du brauchst nur eine - deshalb doch auch die Gruppierung!

Also eine rauswerfen in deinem Modulmanager!


Axel

Ich habe einen Artikel aufgemacht und da alles reingeschrieben:

Code:

<a class="ref" href="http://www.time4mambo.de/images/stories/referenzen/bodan.jpg" rel="lightbox[group];height=515;width=800;title=www.bodanrueckgemeinden.de - CMS Joomla 1.5.7"></a>
<a class="ref" href="http://www.time4mambo.de/images/stories/referenzen/roese_titel.jpg" rel="lightbox[group];height=414;width=800;title=www.roese.de - Migration statischer HTML-Seiten in das CMS Mambo OS;"></a>
<a class="ref" href="http://www.time4mambo.de/images/stories/referenzen/delta_gross.jpg" rel="lightbox[group];height=583;width=800;title=www.delta-systemtechnik.com - CMS Joomla 1.0.6;"></a>
<a class="ref" href="http://www.time4mambo.de/images/stories/referenzen/t4j_gross.jpg" rel="lightbox[group];height=526;width=800;title=www.time4joomla.de - CMS Joomla 1.0.6;"></a>
<a class="ref" href="http://www.time4mambo.de/images/stories/referenzen/HIT.jpg" rel="lightbox[group];height=485;width=750;title=Nicht mehr Online - statische HTML-Seiten;"></a>
<a class="ref" href="http://www.time4mambo.de/images/stories/referenzen/sonstige_web.jpg" rel="lightbox[group];height=331;width=800;"></a>

<a class="ref" href="http://www.time4mambo.de/images/stories/referenzen/time4time.jpg" rel="lightbox[group1];height=582;width=568;title=Eine kleine Spielerei, damit ich nicht ständig den Tee in der Küche vergesse;"></a>
<a class="ref" href="http://www.time4mambo.de/images/stories/referenzen/time4css.jpg" rel="lightbox[group1];height=523;width=800;title=time4CSS - Ein WYSIWYG-Editor (What You See Is What You Get) zur Eingabe von CSS-Befehlen.;"></a>
<a class="ref" href="http://www.time4mambo.de/images/stories/referenzen/sonstige_soft.jpg" rel="lightbox[group1];height=318;width=800;"></a>

So wie ich Dich verstehe, hast Du das offenbar in zwei Artikel gepackt. Wobei mir auch nicht klar ist, wie Du es geachafft hast zwei Lightbox-Module zu installieren ....



Axel

Wozu brauchst Du denn zwei Lightboxen? Du brauchst nur eine - deshalb doch auch die Gruppierung!

Mh verstehe ich das richtig das ich die Lightbox nicht mehrfach anwenden kann? Ich brauche aber in jedem fall 2 Thumbnails. Ich weiß sonst nicht wie ich das umsetzten kann? Habe es schon mit der Simple Image Gallery Pro versucht aber dort werden erst alle Bilder vorgeladen und das dauert ewig. Daher war ich froh als ich auf dieses Mambot gestoßen bin?

Also eine rauswerfen in deinem Modulmanager!

Und was soll ich ausm Modulmanager werfen? Das ist doch alles im Content eingebungen in einer Tabelle? Ich finde im Modulmanager nichts as auf YOOeffects hinweist?

Super vielen Dank für Deine schnelle Antworten!!

Ps: Wenn man unten rechts auf Seite 2 klickt ist nur 1 Lightbox eingebunden und dort tritt das selbe "Problem" auf?

Gruß Loschdi

Blödzinn gechrieben ....

Hi Axel,

die beiden Einträge mit der Gruppe [schwimm] und [loft] habe ich in einem Artikel eingebunden. Allerdings auf der 2. Seite (Wieder ein eigener Artikel) http://www.bauplanung-krueger.de/cms...nt/view/27/61/ Ist nur eine Gruppe [toscana] eingebunden und das Problem mit dem IE und dem Overlay tritt trotz allem auf.

Gruß Loschdi

Sorry. Ich habe eben zu schnell geantwortet, statt erstmal zu lesen, was du schreibst

Da lag wohl eben ein Mißverständnis von meiner Seite vor. Ich bin davon ausgegangen, dass Du 2 Lightboxen im Mambot installiert hattest (Module war ein Irrtum meinerseits). So hatte ich das oben mit den "2 Galerien" verstanden.
Inzwischen denke ich, das ich verstanden habe, was du damit meintest

Wenn ich mir deinen Eintrag und meinen anschaue (und ich habe meinen nach dem YooTool Videotutorial erstellt), dann sehe ich da ein paar kleine Unterschiede. Ob es die bringen weiss ich nicht, aber zur weiteren Fehlereingrenzung, solltest Du zunächst nach Lehrbuch vorgehen

Mein Eintrag:

Code:

rel="lightbox[group];height=515;width=800;title=........"

Du hast aber "Title" vom "rel-Attribut" losgelöst und ein eigenes Attribut daraus gemacht. Das mal umändern und schauen, ob sich was tut.


Axel

HTML-Code:

<a rel="lightbox[schwimm];width=700;height=467;title=Blick Richtung Ruhezone - vorher" href="http://www.bauplanung-krueger.de/cms/images/stories/galerie/schwimmbad/01.jpg"><img src="http://www.bauplanung-krueger.de/cms/images/stories/galerie/schwimmbad/00.jpg" border="0" alt="00" title="Galerie &ouml;ffnen" hspace="5" vspace="0" width="295" height="200" align="left" /></a> 
<a rel="lightbox[schwimm];width=700;height=467;title=Blick Richtung Ruhezone - nachher" href="http://www.bauplanung-krueger.de/cms/images/stories/galerie/schwimmbad/02.jpg"></a>

Hab es überarbeitet aber leider kein Erfolg? Denke ob der ref-Tag vor oder nach dem Bildlink steht sollte doch egal sein? Hast Du evtl. noch einen Tipp für mich? Hab im JS ja ein bischen mit den Einstellungen gespielt und auf Deutsch umgemodelt. Hab dann auch mal wieder die Originaldateien hoch geladen aber das gleiche Spiel. Soll ich evtl. mal das ganze Mambot deinstallen und wieder installen? Wobei ich nicht denke das das was bringt?

*Update*
Hab auch gerade mal Probiert anstatt ne Bild nen Text zu nehmen um die Lightbox zu öffnen aber passiert das selbe?

*Update2*
Hab auch den ref-Tag hinter das Bild gesetzt. Hat nicht funktioniert?

*Update3*
Der Wysiwyg Editor hat den rel_tag immer wieder nach vorne geschoben. Überarbeitet mit einem normalen Editor:

HTML-Code:

<a href="http://www.bauplanung-krueger.de/cms/images/stories/galerie/schwimmbad/01.jpg" rel="lightbox[schwimm];width=700;height=467;title=Blick Richtung Ruhezone - vorher"><img src="http://www.bauplanung-krueger.de/cms/images/stories/galerie/schwimmbad/00.jpg" border="0" alt="Galerie &ouml;ffnen" title="Galerie &ouml;ffnen" hspace="5" vspace="0" width="295" height="200" align="left" /></a> 
<a href="http://www.bauplanung-krueger.de/cms/images/stories/galerie/schwimmbad/02.jpg" rel="lightbox[schwimm];width=700;height=467;title=Blick Richtung Ruhezone - nachher"></a>

Jetzt stimmts aber bringt nichts.

Danach hab ich auch Mambot deinstalliert und neu installiert hat auch nichts gebracht :(

*INFO für Axel*
http://www.time4mambo.de/index.php?o...d=23&Itemid=33 !Auf deiner Seite ist das selbe im IE: Wenn Du die erste Lightbox öffnest und die wieder schliesst und die 2. aufmachst wird bei dir auch kein Hintergrund angezeigt. Schei** IE!!!!!

Gruß Loschdi