Lightbox über das AddHeader Plugin Einstellungen

[gunwalt]

Ich versuche gerade, die Lightbox über das AddHeader Plugin zu realisieren. Das Einbinden der externen Dateien sollte kein Problem zu sein, aber wie kriege ich folgendes hin

<script src="cms/layout/res_lightbox/js/scriptaculous.js?load=effects"

Beim Import der CSS-Dateien meckert SF bei folgenden Regeln

* html>body .clearfix
* html .clearfix

obwohl in der Systemverwaltung CSS-Regeln standardmäßig auf Gültigkeit prüfen auf Null = Aus gestellt ist. Fehler im System? Nach meinem Verständnis dieser Formulierung müsste alles gefressen werden.

[gunwalt]

Mein Fehler lag schon daran, das ich die ins System importieren wollte. Es geht tatsächlich auch ohne, nämlich indem css uns js über externe Scripte eingebunden wird. Und an dieser Stelle heht auch ?load=effects.

Zumindestens im Sourcecode wird alles richtig ausgegeben

[gunwalt]

Kriege ich nicht hin. Sobald ich den manuellen Code im Kopf ausklammere und durch die Ausgabe des AddHeader ersetze, wird keine Galerie mehr angezeigt.

QUELLTEXT

<!--START 20//--><div class="walker"></div>
<br class="clear"/>
<div class="walker"></div>
<div id="notify_js">
<p><b>Hinweis</b></p>
<p>Sollte die Galerie nicht korrekt funktionieren, schauen Sie bitte nach,<br /> ob javascript ausgeschaltet hast oder der Browser javascript blockt.</p></div>
  <!--END 20//-->

Das Modul ist da, aber es kommen keine Bilder. Hat jemand eine Idee?

[smail]

[quote name='gunwalt' date='Wed. 13. August 2008, 18:14' post='16020']
Kriege ich nicht hin. Sobald ich den manuellen Code im Kopf ausklammere und durch die Ausgabe des AddHeader ersetze, wird keine Galerie mehr angezeigt.

Was wird denn im Head ausgegeben? Gar nichts oder nur kein js?

Und von wo aus greifst Du auf das AddHeader-Plugin zu? Und wie (SF-events, ...)

[pawel]

In deinem Modul sollte etwa so etwas stehen:

QUELLTEXT

if(file_exists($cfg_cms['cms_path']."plugins/headerelement/class.headerelement.php")){
fire_event("add_js", array("file" => "cms/js/protoculous-effects-packer.js"));
}
..

Ich empfehle Dir auch die o.g. angegebene Datei, das ist eine gepackkte JS, die prototype, scriptacolous und effects enthält. Damit lädst Du nur eine Datei, bei gleicher Funktionalität.

Wenn die Biilder nicht angezeigt werden, stimmt der Pfad nicht. Wenn die Bilder da sind, aber die lightbox nicht funktioniert, fehlt rel="lightbox".
Ich würde den Code oben, einfach Contentflex hinzufügen und dann wie schon oft beschrieben die Elementtemplates so einrichten:

QUELLTEXT

{if_imageurl:1}<a href="{imageurl:1}" rel="lightbox" title="{imagedesc:1}">
<img src="{imagethumburl:1}" title="{imagedesc:1}" alt="{imagedesc:1}" /></a>{/if_imageurl:1}
{if_not_imageurl:1}<img src="media/img/Platzhalter.jpg" alt="Platzhalter"/>
{/if_not_imageurl:1}

[duffy]

Nur am Rande:

In deinem Modul sollte etwa so etwas stehen:

QUELLTEXT

if(file_exists($cfg_cms['cms_path']."plugins/headerelement/class.headerelement.php")){
fire_event("add_js", array("file" => "cms/js/protoculous-effects-packer.js"));
}
..

Wobei

QUELLTEXT

fire_event("add_js", array("file" => "cms/js/protoculous-effects-packer.js"));

auch reichen würde, wenn das event nicht vorhanden ist passiert halt nix ;-)

[gunwalt]

Was wird denn im Head ausgegeben? Gar nichts oder nur kein js?

Die Ausgabe von js und css ist korrekt, nur das Galerie gibt nichts aus.
www.gunwalt.de/index.php?idcatside=91

Und von wo aus greifst Du auf das AddHeader-Plugin zu? Und wie (SF-events, ...)

Ganz normal im Template eingebunden, oder was meinst Du?

Wenn die Biilder nicht angezeigt werden, stimmt der Pfad nicht. Wenn die Bilder da sind, aber die lightbox nicht funktioniert, fehlt rel="lightbox".
Ich würde den Code oben, einfach Contentflex hinzufügen und dann wie schon oft beschrieben die Elementtemplates so einrichten:

QUELLTEXT

{if_imageurl:1}<a href="{imageurl:1}" rel="lightbox" title="{imagedesc:1}">
<img src="{imagethumburl:1}" title="{imagedesc:1}" alt="{imagedesc:1}" /></a>{/if_imageurl:1}
{if_not_imageurl:1}<img src="media/img/Platzhalter.jpg" alt="Platzhalter"/>
{/if_not_imageurl:1}

Also am Pfad liegts nicht. Die Lightbox funktioniert solange ich css und js manuell über Design - Layouts einbinde. Nächster Schritt, ich klammere dieses manuell eingebundene aus und ersetze es durch die Ausgabe des AddHeadermoduls. Die Ausgabe ist korrekt, aber das Galeriemodul zeigt plötzlich keine Bilder mehr an.

[smail]

Sag mal, ist vielleicht 'ne ganz banale Frage, aber: x

QUELLTEXT

<script type="text/javascript" src="cms/layout/res_lightbox/js/lightbox.js"></script>
<script type="text/javascript" src="cms/layout/res_lightbox/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="cms/layout/res_lightbox/js/prototype.js"></script>

Ist die Reihenfolge der Einbindung so richtig? Muss das nicht so sein:

1. prototype.js
2. scriptaculous.js
3. lightbox.js

Außerdem scheint Dein Galeriemodul überhaupt keine Bilder mehr auszugegben (s. Quelltext). Ist da vielleicht etwas mit dem Einbinden der Events schief gelaufen?

@all: wo habt ihr denn im Galeriemodul das Event abgefeuert?

Gruß
Jan

[gunwalt]

Sag mal, ist vielleicht 'ne ganz banale Frage, aber: x

QUELLTEXT

<script type="text/javascript" src="cms/layout/res_lightbox/js/lightbox.js"></script>
<script type="text/javascript" src="cms/layout/res_lightbox/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="cms/layout/res_lightbox/js/prototype.js"></script>

Ist die Reihenfolge der Einbindung so richtig? Muss das nicht so sein:

1. prototype.js
2. scriptaculous.js
3. lightbox.js

ist geändert, die Bilder bleiben aber trotzdem außen vor.
Die Ausgabereihenfolge - erst CSS, dann js lässt sich nicht manipulieren, oder?

[Guest_bkm_*]

Die Ausgabereihenfolge - erst CSS, dann js lässt sich nicht manipulieren, oder?

bestimmt das nicht die reihenfolge der abzuarbeiteten events bzw. bei der anderen einbindung der sortindex ???

[pawel]

Ich tippe mal auf die Lighhtbox.init.
Versuch mal den übliche Quellcode direkt in den body zu schreiben. Update prototype schad auch nix.