• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

[FRAGE] Fancybox per Javascript starten

PionierDer2

New member
Hallo,

ich versuche gerade per Javascript meine manuell in Typo3 eingebaute Fancybox zu starten. Der Inhalt der Box ist ein Iframe in der eine weitere Seite auf dem gleichen Server zu sehen ist.
Der originale Link zur Box lautet:

HTML:
<a href=".../?id=117" target="fancybox" class="link" id="link" rtekeep="1">

Bei einem Klick funktioniert dies auch schon wunderbar. Allerdings möchte ich, in Abhängigkeit von der Url, verschiedene Boxen automatisch starten lassen.
Laut der Fancyboxseite soll eine Box per JS zu starten mit

Code:
 $(document).ready(function () {
		$("#link").trigger('click');
    });

funktionieren.

Bei mir passiert dann aber rein gar nichts. ich habe schon einige verschieden Ansätze ausprobiert, die ich beim googlen entdeckt habe, alllerdings ohne Erfolg.

Beispielsweise auf sehr ähnliche Weise einen Div in der Box per JS gestartet. Mit einer externen Url funktionierte es dann aber nicht mehr. Der Ansatz kam hierher: javascript - how to just open a fancybox window (not onclick) - Stack Overflow.
Hat hier jemand eine Idee?

Der Code zum starten der Fancybox lautet:

Code:
$(document).ready(function() {
			
			
			$("a[target=fancybox]").fancybox({
  "type" : "iframe",  
  "scrolling" : "no",
  "width" : 900,  
  "height" : 650 
}); });
 
Wie sind denn die zwei JS-Fragmente zusammengebaut?
Kannst du unst einen Testlink, wo wir uns das live ansehen können, geben?
Steht vielleicht etwas in der Fehlerkonsole?
 
Hast Du Fancybox 2? Dann geht es nach der Doku
fancyBox - Fancy jQuery Lightbox Alternative
aber so:
$.fancybox.open( [group], [options] )
Launch fancyBox, the same as $.fancybox([group], [options])
First parameter can be in various types, examples:
$.fancybox([ {href : 'img1.jpg', title : 'Title'}, {href : 'img2.jpg', title : 'Title'} ]); - array containing objects
$.fancybox( {href : 'image.jpg', title : 'Lorem lipsum'} ); - single object
$.fancybox( ['image.jpg', 'image.jpg'] ); - array containing links as strings
$.fancybox( 'image.jpg' ); - string as source link
$.fancybox( [jQuery object] );
$.fancybox( '<h1>Lorem lipsum</h1>' );

Edit: Sorry, hatte deinen Versuch nicht genau angesehen. Wenn Du einen Klick auf den a-Tag anwendest, müsste es natürlich auch funktionieren.
Edit2: Habe es mal ausprobiert und bei mir funktioniert die Lösung mit dem trigger() einwandfrei. Hast Du diese Zeile auch nach der Initialisierung der Fancybox stehen?
 
Zuletzt bearbeitet:
Zurück
Oben