Hilfe - Suche - Mitglieder - Kalender
Vollansicht: Lightbox über das AddHeader Plugin
Forum Sefrengo.org > Allgemeine Foren > Anwenderforum
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
ZITAT
<script src="cms/layout/res_lightbox/js/scriptaculous.js?load=effects"


Beim Import der CSS-Dateien meckert SF bei folgenden Regeln
ZITAT
* 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:

ZITAT(pawel @ Wed. 13. August 2008, 19:27) *
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
ZITAT(smail @ Wed. 13. August 2008, 18:52) *
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

ZITAT(smail @ Wed. 13. August 2008, 18:52) *
Und von wo aus greifst Du auf das AddHeader-Plugin zu? Und wie (SF-events, ...)

Ganz normal im Template eingebunden, oder was meinst Du?

ZITAT(pawel @ Wed. 13. August 2008, 19:27) *
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
ZITAT(smail @ Thu. 14. August 2008, 00:23) *
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?
bkm
ZITAT(gunwalt @ Thu. 14. August 2008, 00:30) *
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.
Dieses ist eine vereinfachte Darstellung unseres Foreninhaltes. Um die detaillierte Vollansicht mit Formatierung und Bildern zu betrachten, bitte hier klicken.
Invision Power Board © 2001-2024 Invision Power Services, Inc.