Thema: How-To: Externe Slideshows incl Flash einbinden und dabei auch jquery Probleme lösen

Auf der Suche nach einer flexiblen und aktuell-stylishen Slideshow für Joomla, die über vielfältige Möglichkeiten verfügt (Styling, Transitions, Controls etc.) findet sich in der Regel im Web etwas. Wenn es aber mal etwas Besonderes sein soll, z.B. für eine eindrucksvolle Headergrafik auf der Frontpage ist die Auswahl schon geringer oder nur als Commercial zu erwerben.
Es gibt sehr viele schicke Slideshows, gratis, ... nur gerade die, die man möchte, nicht als Joomla Extension. Oder es gibt eine tolle Joomla Extension, nur leider ist sie unbrauchbar, da sie mit jquery arbeitet und evtl. aus Konfliktgründen die gesamte Site zerschlägt.
Mit etwas Erfahrung bekommt man JEDE Slideshow in Joomla auf jeder Position, ob im Modul oder im Text eingebunden, auch die Joomla Extensions, die wg. jquery Probleme bereiten, oder die man in ein Modul stellen möchte, die aber nur als Plug-in verfügbar sind. Von solchen, die keine Möglichkeit bieten, jquery zu deaktivieren, rate ich ab, das ist zu aufwändig, hier im für Joomla geschriebenen Code herumzubasteln. Typischerweise gibt es die Joomla Variante der Slideshow im Web irgendwo auch als "Original", (mit oft "besserem" Code). Die kann man dann einbinden, siehe unten.

Wir benötigen für die verschiedenen Varianten 4 Zutaten, alle gratis:

a) Jumi
b) Custom Head Tag
c) embedia
d) placehere

Flash: von allen verfügbaren Extensions ( ich habe rund ein Dutzend ausprobiert und sogar 1 gekauft, die nicht lief) hat bei mir vernünftig und ohne Probleme nur embedia funktioniert, da es auch php 5.3.x kann, der Flashfile richtig auf Position steht und auch das horizontale Menue durch den File NICHT überlagert wird und alles on the fly ohne großen Aufwand geht. Die Extension kann auch mit Flash assets umgehen, also .xml files etc. Man braucht nur den .swf angeben, den Rest zieht sich das App von alleine.

Joomla Slideshow Plugin vorhanden, aber man benötigt das im Modul und nicht im Content:
das ist kein Problem, wenn man die Extension dann mal gefunden hat, da nicht im Joomla extensions.org verfügbar. Dazu lädt man sich mod_placehere herunter, installiere es. Dann erstellt man einen Artikel, aktiviert ihn. In den Artikel trägt man NUR den Plug-in code ein, den mit den geschweiften Klammern {} . In mod_placehere gibt man dann die Artikel ID('s) an, (können beliebig viele sein) stellt das/die Module auf die gewünschte(n) Position(en) und fertig. Funktioniert auch für Kategorien oder Bereiche.

Jquery Problem lösen:
Das ist jetzt schon etwas kniffliger: manche Joomla Extensions fragen das ab, ob man jquery aktivieren will oder nicht. Aktiviert man dann und das Template sieht danach dann nicht mehr aus wie vorher, sollte man jquery deaktivieren. Nun benötigt die Extension aber jquery. Also sucht man sich die neuste jquery.js aus dem Web, lädt diese per FTP in einen Ordner hoch. Dann installiert man das Plugin Custom head tag. Hier kann man nun den .js im Head Tag auf beliebigen Seiten einbinden. Jetzt muß aber noch etwas passieren, sonst geht es ja wieder nicht wg. der Konflikte:
unter
Path : Javascript
wird nun der Pfad zum vorher hochgeladenen .js File angegeben und der Name des .js. Unter
Script : Javascript
wird nun eingetragen:

HTML-Code:

var $jqry = jQuery.noConflict();

Nun funktioniert auch die Extension, bei der das jquery.js deaktiviert wurde und die Seite bleibt in einwandfreiem Zustand, ohne Konflikte. (Funktioniert bei "intelligenten" Extensions, die suchen sich dann irgendwo im Joomla Verzeichnis den jquery File. Auf NICHT intelligente Slideshows, die die Deaktivierung nicht anbieten, sollte verzichtet werden).
Es gibt auch ein Plug-in, das diese Einbindung erledigen soll., mit der Betonung auf SOLL. Bei mir hat das jedenfalls nicht funktioniert und der Blick in den Seitenquelltext hat mich bei der Suche nach einem möglichen Fehler auch nicht erleuchtet (=was nicht vorhanden ist, kann folglich auch nicht angezeigt werden).

Externe Slideshows einbinden:
jumi installieren. Externe Slideshow offline bearbeiten, neuen Ordner auf dem Webserver im Joomla Verzeichnis anlegen, alle Dateien dorthin hochladen. Nun wahlweise auf Modulposition mit dem jumi Modul oder im Content veröffentlichen. Modul: hier braucht nur der neue Ordner und der Startfile angegeben zu werden, also Bsp.: (Ordner/File): meineslideshow/index.html.
Das ganze geht natürlich auch innerhalb von Content:

HTML-Code:

{jumi [zoom/myslideshow.html]}

Wenn die Slideshow auch wieder Probleme macht wg. jquery, dann im Header des .html oder .php Files manuell folgendes eintragen:

HTML-Code:

<script type="text/javascript">
	var $jqry = jQuery.noConflict();

</script>

und zwar als letztes, direkt vor dem

HTML-Code:

</head>

Tag.
Ich habe mir auf diese Art eine für die Anzeige von detailreichen Bildern (z.B. Screenshots) sehr gut geeignete Slideshow mit Magnifier-Funktion eingebunden: Professor Cloud. Die gibt es auch als Joomla Plug-in, aber wie gehabt, siehe oben: jquery Probleme und eingeschränkte Funktionalität. Eine prima gratis Slideshow mit x-Varianten für alle Gelegenheiten gibt es hier, der muß man aber auch das "noConflict" dann noch beibringen, da auch jquerybasiert, Demos und Beispiele der Slideshow hier.

Tipp: bindet man externe Slideshows ein, ist genau auf die richtigen Pfadangaben zu achten, ansonsten bleibt die Anzeige leer.