[gelöst] Colorbox Node - Overlay über der Startseite ?!?
Eingetragen von Brian (158)am 06.09.2013 - 11:39 Uhr in
Hallo,
ich möchte für ein Drupal Projekt, über der eigentlichen Startseite
ein Video in einer Colorbox anzeigen. Ich nutze hierzu das „Colorbox Node“ Modul.
Das Video (JWPlayer) wird auch beim aufrufen des Links
<a class="colorbox-node" href="pfad/zum/node?width=800&height=600">
richtig in der Colorbox gezeigt.
Hat jemand eine Idee, wie ich es nun ohne viel Aufwand hinbekommen kann, das die Colorbox
mit dem Video beim Aufrufen der URL direkt gezeigt wird. Also über der eigentlichen Startseite..?!?
Ich stehe da gerade auf dem Schlauch….
- Anmelden oder Registrieren um Kommentare zu schreiben
Also die Startseite muss erst
am 06.09.2013 - 12:25 Uhr
Also die Startseite muss erst mal zur Anzeige kommen - logisch.
Sonst gibt es nichts was zur Anzeige kommt wenn die Lightbox geschlossen wird.
Denkbar waere ein Prozess der die URL/den Link aufruft. Zeitsteuerung ist hierbei aber nicht moglich. Du weisst ja nicht wann beim Benutzer welche Zeit bezueglich der Anzeige
der Startseite vorbei ist.
Man braucht also etwas in der Art "Dokument ist geladen". Das koennte ein JS uebernehmen.
Da geht noch was.
automatic lightbox open
am 06.09.2013 - 13:27 Uhr
Du kannst einer Suchmaschine diese Begriffe uebergeben: drupal automatic lightbox open
Da geht noch was.
Danke schon mal! - Ich habe
am 06.09.2013 - 14:43 Uhr
Danke schon mal! - Ich habe jetzt folgendes versucht.
Ich habe einen Block erstellt der nur auf der Seite angezeigt wird.
In dem Block rufe ich folgendes Script auf: (Full Html)
<script type="text/javascript">$(document).ready(function(){
jQuery.colorbox({html:"URL ZUR NODE", width:960, height:540});
});
</script>
Die Colorbox öffnet sich beim Laden der Seite... ckeck!
Aber der Inhalt wird mir nicht in der Box angezeigt... sondern einfach nur der Text "URL ZUR NODE".
?!?
... sondern einfach nur
am 06.09.2013 - 15:44 Uhr
Aber der Inhalt wird mir nicht in der Box angezeigt... sondern einfach nur der Text "URL ZUR NODE".
Verstehe ich nicht?
Da geht noch was.
damit kannst du den klick
am 07.09.2013 - 07:22 Uhr
damit kannst du den klick auslösen:
<script type="text/javascript">// <![CDATA[(function ($) {
$('#show-gallery').triggerHandler("click");
};
}(jQuery));
]]></script>
C.A.W. Webdesign
caw schrieb damit kannst du
am 07.09.2013 - 08:43 Uhr
damit kannst du den klick auslösen:
<script type="text/javascript">// <![CDATA[(function ($) {
$('#show-gallery').triggerHandler("click");
};
}(jQuery));
]]></script>
Danke, aber ich verstehe nicht ganz was du meinst ?!?
um eine colobox zu öffnen
am 07.09.2013 - 11:39 Uhr
um eine colobox zu öffnen muss man dies ja anklicken (das maht das skript)! du willst die aber automatisch öfnnen. das javascript mit einbinden und die öffnet automatisch
C.A.W. Webdesign
caw schrieb um eine colobox
am 07.09.2013 - 13:42 Uhr
um eine colobox zu öffnen muss man dies ja anklicken (das maht das skript)! du willst die aber automatisch öfnnen. das javascript mit einbinden und die öffnet automatisch
Aber ich sehe da keine Verlinkung zur Node ?!!
Brian schrieb caw schrieb um
am 07.09.2013 - 14:05 Uhr
um eine colobox zu öffnen muss man dies ja anklicken (das maht das skript)! du willst die aber automatisch öfnnen. das javascript mit einbinden und die öffnet automatisch
Aber ich sehe da keine Verlinkung zur Node ?!!
die steht ja schon im link:
und das javascript macht "klick"
C.A.W. Webdesign
Also, so richtig weiter bin
am 10.09.2013 - 13:45 Uhr
Also, so richtig weiter bin ich mit der Geschichte noch nicht.
Ich versuche hier nochmal genau zu erklären was ich vorhabe.
Ich habe einen Inhaltstyp der sich „Overlay-Video“ nennt.
Hier kann natürlich ein Video hochgeladen werden.
Dazu verwende ich den JW-Player (Modul).
Mit dem Colorbox Node Modul definiere ich, dass die Node des Typs „Overlay-Video“
in der Colorbox angezeigt wird.
Wenn ich nun einen Link erstelle…(in diesem Fall zum Test in einer anderen Node)
<a class="colorbox-node" href="pfad/zum/node?width=800&height=600">…und diesen anklicke, öffnet sich das Video auch wie gewünscht in der
Colorbox.
jetzt soll sich das Video noch automatisch öffnen, beim Besuch der Startseite.
Dazu habe ich einen Block angelegt. Dieser wird nur auf der Startseite angezeigt.
In diesem Block kann ich ja mit der Einstellung „Full HTML“ auch Code ausführen.
Wie muß nun das Script in diesem Block ausschauen, damit dieses
den Link "anklickt" ?
Ich hoffe es ist verständlich was ich vorhabe.
das script ist eigentlich für
am 10.09.2013 - 13:59 Uhr
das script ist eigentlich für lightbox, aber sollte auch mit der colorbox funktionieren.
du gibts deinem link die id (#show-gallery), die im script aufgerufen wird. das script setzt du vor oder nach diesen link
C.A.W. Webdesign
Muss mit
am 10.09.2013 - 18:10 Uhr
Muss mit class="colorbox-node" aufgerufen werden, sonst geht es nicht.
Mit dem Script hab ich es schon versucht. Aber ohne Erfolg.
Das Script muß im Block liegen, da der auf der Startseite aufgerufen wird....
war ein fehler im
am 10.09.2013 - 19:24 Uhr
war ein fehler im script.
<script type="text/javascript">// <![CDATA[jQuery(document).ready(function($) {
$('#show-gallery').triggerHandler("click");
});
// ]]></script>
und dem link die id #show-gallery' zuweisen! das klappt auf jeden fall mit der lightbox, solte aber auch mit colorbox
C.A.W. Webdesign
Danke, jetzt funktioniert
am 11.09.2013 - 10:11 Uhr
Danke, jetzt funktioniert es.
Wenn $('.colorbox-node') ist, und ich den Link auf der Startseite "verstecke" funktioniert es. ;)
Hallo, könnte mir jemand
am 19.09.2013 - 15:41 Uhr
Hallo,
könnte mir jemand weiterhelfen der sich gut mit jQuery auskennt?
Ich würde das Script gerne so erweitern das eine Abfrage stattfindet oder bzw. ein Cookie geschrieben wird.
So das der "Klick" nur beim ersten Besuch der Seite stattfindet.
<script type="text/javascript">// <![CDATA[jQuery(document).ready(function($) {
$('.colorbox-node').triggerHandler("click");
});
// ]]></script>
Hab eine Lösung gefunden.
am 27.09.2013 - 12:37 Uhr
Hab eine Lösung gefunden. Falls es jemanden interessiert.
<script type="text/javascript">// <![CDATA[jQuery(document).ready(function($) {
if (!$.cookie('was_here') ) {
$.cookie('was_here', true);
$('.colorbox-node').triggerHandler("click");
}
});
// ]]></script>
jquery-cookie.js in der Theme.Info aufrufen.