Lightbox autostart?

[juergen]

Trau dich doch mal etwas !

Wenn du nur das von dir ausgewählte Bild (das geht auch mit vone und hinten HTML CP) so einpackst:

Code: Select all

<div style="display:none;">

dann deinen CP mit dem das du Startup Bild anzeigen möchtest

dann

Code: Select all

<</div>

in einem weiteren direkt nachfolgenden HTML CP ist das Bild aus dem Broswer verbannt.

Damit machst du dir ja nur die Eingenschaften von Moo Tools oder Jquery Untertan weil die nur auf bestimmte Tags wirken, in dem Falle dann auf den nicht mehr sichtbaren

[matzeb]

Hi! Ok, habs jetzt ausprobiert! Gefällt mir!
Wieder was dazu gelernt! Vielen lieben Dank!

Hab doch gewusst, das ich mich auf euch verlassen kann!

Viele liebe Grüße,
Matze

[Oliver Georgi]

inoptimal, da prinzipiell das JavaScript genau das bereits machen kann. Google indiziert solche Inhalte nicht so gerne, da immer alles direkt sichtbar sein sollte.

[matzeb]

hm...

ok, nur prinzipiell oder auch praktisch?

dann stell ich so lange wieder auf meine Veriante um...

LG,
Matze

[Oliver Georgi]

…praktisch kann man alles umsonst haben. Manches Problem sollte man sich schlicht selbst erarbeiten. Ich habe alle Lösungsansätze geliefert…

jQuery

Code: Select all

<!-- JS:
$(function($) {
	var lightboxItems = $("a[rel^='lightbox']");
	lightboxItems.hide();
	lightboxItems.first().trigger('click');
});
-->

MooTools

Code: Select all

<!-- JS:
window.addEvent("domready", function() {
	var lightboxItems = $$("a[rel^=lightbox]");
	lightboxItems.each(function(){this.setStyle('display', 'none');});	
	lightboxItems.getFirst().fireEvent("click");
});
-->

[juergen]

Das ist ja eine schöne Sache. Beim Versuch eine Beschreibung/ Übersicht über diese Paramter und Methoden zu finden ist jetzt allerdings eine Google Suche nach einer Beschreibung (bei mir ) mehr oder weniger im Sande verlaufen. Alleine lightbox listet alle Bildservices mit...

aha .. jquery : http://kilianvalkhof.com/2008/javascrip ... ox-part-1/ geht wenigstens mal in die Richtung

[Oliver Georgi]

aha .. jquery : http://kilianvalkhof.com/2008/javascrip ... ox-part-1/ geht wenigstens mal in die Richtung

Ach alles ganz einfach, wenn man weiß, was man da tut — oder es tut. Das Tutorial ist aber wenig optimal, wenn auch das Prinzip zu sehen ist. Geht alles auch ohne JavaScript mit schlichtem CSS, denn mehr ist es nicht — nur nicht so komfortabel dann…

[pepe]

Wie müsste denn der Code lauten, wenn nicht das erste Auftreten der lightbox im Artikel abgefragt werden soll, sondern das erste innerhalb eines speziell definierten Containers, z.B. mit (div class="takt_that_image") ?

[matzeb]

…praktisch kann man alles umsonst haben. Manches Problem sollte man sich schlicht selbst erarbeiten. Ich habe alle Lösungsansätze geliefert…

jQuery

Code: Select all

<!-- JS:
$(function($) {
	var lightboxItems = $("a[rel^='lightbox']");
	lightboxItems.hide();
	lightboxItems.first().trigger('click');
});
-->

MooTools

Code: Select all

<!-- JS:
window.addEvent("domready", function() {
	var lightboxItems = $$("a[rel^=lightbox]");
	lightboxItems.each(function(){this.setStyle('display', 'none');});	
	lightboxItems.getFirst().fireEvent("click");
});
-->

Sorry, ist für mich halt nicht so einfach, wenn man sich ned so gut auskennt und nur ein bisschen in der Freizeit in der Richtung was macht...
Du machst das ja denk ich beruflich und hast eine entsprechende Ausbildung denke ich...

Aber trotzdem vielen Dank für deine Mühe!

LG,
Matze

[pepe]

Wie müsste denn der Code lauten, wenn nicht das erste Auftreten der lightbox im Artikel abgefragt werden soll, sondern das erste innerhalb eines speziell definierten Containers, z.B. mit (div class="takt_that_image") ?

Hab's selber herausgeknobelt:

<!-- JS:
$(function($) {
var lightboxItems = $(".take_that_image a[rel^='lightbox']");
lightboxItems.first().trigger('click');
});
-->

Mit dieser Version bleiben meine übrigen Images des Artikels unberücksichtigt und ein "POPUP-Image für den Seitenaufruf" kann ich separat in einem eigenen, "unsichtbaren" CustomBlock des Artikels ablegen.
(Das kann dann natürlich auch ein ContentPart Bilder mit mehreren Images sein, von denen alle durchgeblickt oder auch nur 1 oder mehrere "zufällig" angezeigt werden! Die üblichen Features des ContentParts Bilder eben...)

Schließe ich das popup-Image per Mausklick dann, wird meine "ganz normaler" Artikel mit allen Standard-Images angezeigt... PRIMA

[Oliver Georgi]

Um Gottes willen Pepe — Horror! Versuche niemals einen solchen Separator. Das ist blanker Overkill. Wenn man gezielt ein Element ansprechen will, von dem man weiß es ist da, nimmt man in jedem Fall eine ID. Für Deinen Fall (jQuery) würde auch reichen:

Code: Select all

$(".take_that_image").first().trigger('click');

Das Zwischenspeichern in einer Variable ist für den Fall auch überflüssig.

Du machst das ja denk ich beruflich und hast eine entsprechende Ausbildung denke ich...

Beruflich ja, Ausbildung nein.

[pepe]

Ich bin nicht sicher, ob ich das richtig verstanden habe?

Ich habe das jetzt so in einen CustomBlock eingesetzt (Dann finde ich das schneller in der Artikelinformation!) :

Code: Select all

<!-- CustomBlock: XTRA_DISPLAY_NONE ========== -->
<div id="extra_display_none" style="display:none;"><!-- Die Style-Anweisung steht bei mir natürlich in der CSS-Datei! -->
   {XTRA_DISPLAY_NONE}
</div>
<!-- JS:
        $(function($) {
     // $("#extra_display_none").first().trigger('click');
        $("#extra_display_none a[rel^='lightbox']").first().trigger('click');
        });
-->

Wenn ich nun die kommentierte Funktionsvariante (nur die ID-Angabe) verwende, klappt es nicht.
Erst wenn auch die Kombination mit der a Klasse eingetragen ist, wird die Funktion ordentlich umgesetzt.
Hab ich was falsch gemacht?

[juergen]

Meine Theorie pepe,

du simmulierst einen Klick, wenn da nichts zum klicken ist, dann klickt es ins Leere

[Oliver Georgi]

der Selektor ist schlicht langsam, würde ich so nicht machen — grundsätzlich inoptimale Umsetzung aus meiner Sicht, da die Geschwindigkeitsoptimierung für Selektoren innerhalb jQuery so kaum greifen dürften. Wenn dann eher so:

Code: Select all

$('#extra_display_none').find("a[rel^='lightbox']:first").trigger('click');

Allerdrings denke ich eh, dass #extra_display_none bei Dir eh nur dazu dient, alles per CSS auszublenden.

[pepe]

@Jürgen:
Die Funktion des Customblocks werden doch erst aktiviert, wenn ich etwas reinpacke...
also ist da auch was, warum sollte der Click dann nicht funktionieren?

@ Oliver:
Mit der folgenden Variante hatte ich leider keinen Erfolg... kein PopUP:

Code: Select all

<!-- CustomBlock: XTRA_DISPLAY_NONE ========== -->
<div id="extra_display-none" style="display:none;">
   {XTRA_DISPLAY_NONE}
</div>
<!-- JS:
        $(function($) {
     // $("#extra_display-none").first().trigger('click');
     // $("#extra_display-none a[rel^='lightbox']").first().trigger('click');
        $("#extra_display_none").find("a[rel^='lightbox']:first").trigger('click');
        });
-->