zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden jCarousel in Lightbox verwenden

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 17.07.2009, 21:44
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.07.2009
Beiträge: 6
muella befindet sich auf einem aufstrebenden Ast
Standard jCarousel in Lightbox verwenden

Hi,

habe eine Frage zu einem JQuery Plugin. Dem jCarousel.
Eigentlich funktioniert das bei mir einwandfrei und super gut. Aber nun soll es nicht nur auf der Seite angezeigt werden. Sondern, der Besucher klickt auf ein Bild wohinter mehrere (anzahl x) liegen. Daraufhin öffnet sich eine Lightbox (hier Fancybox) und auf der linken Seite das jCarousel und rechts ein großes Bild.

Ok, nun verpacke ich die Seite in einen iframe der dann in der fancybox angezeigt wird.

Das Problem ist, dass die Seite ohne fancybox einwandfrei funktioniert. Aber wenn die Fancybox die seite im iframe läd kommt die Meldung:

jCarousel: No width/height set for items. This will cause an infinite loop. Aborting...

Und es erscheinen keinen Bilder. Wenn ich nun im Kontextmenü Frame -> Frame Neu laden klicke sind diese alle da. Aber beim aufrufen nicht. Was kann das sein.

Achja, die Meldung kommt nur im Firefox, der IE läd die Bilder einfach nicht. Aber auch im IE nachdem aktualisieren sind dann alle da.

Hab das ganze mal in eine simple Seite ohne jeden schnick schnack gepackt um zu sehen ob ich irgendwo ein Fehler hab was das verursacht. Hier ist wirklich nur das jquery, jcarousel und fancybox plugin eingefügt.

Aber seht selbst: Testseite

Hat jemand eine Idee was ich besser machen kann? oder den Fehler lösen kann?

Ich hab schon einiges probiert, aber mir fällt nix mehr.
Ich glaube es liegt irgendwo am
Code:
$(document).ready(function() { 
	    jQuery('#ref_carousel').jcarousel({
	        vertical: true,
	        scroll: 1,
	        animation: "slow"
	    });
	});
Und lt. der manual soll man es ja so einbinden:
Code:
jQuery(document).ready(function() {
    jQuery('#ref_carousel').jcarousel();
});
Aber beide varianten führen zum selben ergebnis, Fehler.
Ich vermute dass beim laden die elemente nicht im jcarousel geladen werden, aber die fancybox bindet einen iframe-Tag ein, was eigentlich heißt dass die url im iframe komplett neu geladen wird, oder?

Ich würde mich tierisch freuen wenn jemand einen Tipp für mich hat

Gruß

Daniel
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 18.07.2009, 06:59
Benutzerbild von uspri
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 04.07.2005
Beiträge: 677
uspri wird schon bald berühmt werdenuspri wird schon bald berühmt werden
Standard

Hab mal mit Google nach Deiner Fehlermeldung gesucht und folgendes gefunden:

bug fixed: jCarousel width/height infinite loop popup alert error | spiffy[d]

Schau mal, ob Du damit die Meldung wegbekommst, auch wenn es nur ein Würgaround zu sein scheint.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 18.07.2009, 13:27
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.07.2009
Beiträge: 6
muella befindet sich auf einem aufstrebenden Ast
Standard

Hi,

danke für die Antwort.
Hatte die pack nicht eingebunden und in der jquery.jcarousel.js schon probiert den Alert rauszunehmen, aber die Bilder werden ja nicht geladen. Erst wenn ich den iframe neuladen lasse wird alles angezeigt, auch ohne die Meldung.
Hab nun mal die jquery.jcarousel.pack.js eingebunden und dort das alert durch isNan getauscht, ist das selbe ergebnis wie bei einem auskommentiert der Alert Meldung in der jquery.jcarousel.js.

Google hab ich auch schon sehr ausgerzeit, was auch einige Lustige treffer ergab. Wo in diversen PC-Foren User anfragen weil ihr IE komischerweise und unregelmäßig diese Meldung bringt, schon lustig wenn da eine Systemwiederherstllung oder deinstallation des evtl. vorhanden plugins im ie empfohlen wird ...


Habe noch bissl weiter rumprobiert und wollte nun die <li> Items mit dem Bildern erst nachladen. Auf der jcarousel Seite ist das ja auch bestens beschrieben wie man per js, php und ajax die elemente laden kann. Der IE läd dann immerhin 5 von 6 Bildern, aber der FF mag das garnicht.

Kann man das Plugin irgendwie verzögert starten lassen? Momentan steht es ja so dass es zu laden beginnt wenn die Seite geladen hat, also document.ready, aber das scheint ja noch zu früh zu sein.

arrrrg

Gruß
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Lightbox und Frames Ashy Javascript & Ajax 25 21.04.2010 17:25
Lightbox nur über Button verlassen maeck Javascript & Ajax 8 14.05.2009 23:16
Lightbox mit zweiter CSS Datei funktioniert nicht T4ke CSS 12 11.12.2007 19:20
LightBox ed the horse Javascript & Ajax 3 17.11.2007 18:20
Lightbox 2 wie Lightbox 1 öffnen .wired Javascript & Ajax 3 31.10.2007 22:35


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:33 Uhr.