[cameraslideshow] Responsive Slideshow von pixedelic.com als Contao Modul

**DNS** · 16.03.2013, 20:43

Hallo Community,

Camera Slideshow als Modul – zur Erstellung und Verwaltung von responsive Slideshows. Mit diesem Modul ist es möglich beliebig viele Slideshows über das Contao-Backend zu erstellen, zu verwalten und in die Seite einzubinden.

Die Features stehen auf der Webseite von Autor der Slideshow: www.pixedelic.com

Die Erweiterung basiert auf jQuery, daher sollte jQuery in den Theme-Einstellungen aktiviert sein!

Zur Erweiterung

Fehler bitte auf github notieren: https://github.com/dehil/contao-cameraslideshow

Achtung! Bei Update auf v 1.1.1 können die Auswahl der Bilder im Filetree verloren gehen.

v 1.1.2:

Kompatibilität zu Contao 3.4.0

v 1.1.1:

Kompatibilität zu Contao 3.2.x

v 1.1.0:

Kompatibilität zu Contao 3.1.1 (jQuery 1.9)

v 1.0.1:

Zufallswiedergabe
Content Element hinzugefügt
Farbpicker bei Konfiguration
Experten-Einstellungen (classCSS-ID/Klasse, Abstand davor und dahinter)
Slideshow-Einstellung direkt anwählbar (Contao 3 like)

v 1.0.2:

In den Einstellungen der Slideshow kann man unter Thumbnails nun zwischen image, text und none wählen. Wählt man "text" werden Bild-Schaltflächen unter der Slideshow eingeblendet. Diese sind responsive und können über css gestylt werden.
Die Slideshow springt nun nicht mehr in der Höhe wenn sie geladen wird

Freue mich auf Feedback.

Gruß
Dennis

**planepix** · 16.03.2013, 23:33

Hallo Dennis,

schon installiert und am testen

- danke.

Spontan der erste EIndruck: Alles schon kompakt zusammen.
Ggf. bei den Felder, die eine Farbwahl zulassen den Farbpicker von Contao einbauen?

Soll der Slider die Thumbnails als Vorschaubilder generieren?
Im Moment werden mir nur Platzhalter angezeigt.

Und nach dem Aktualisieren auf die eben veröffentliche Version Build 20 werden alle Felder in englisch angezeigt.
Und die Erklärungstexte unter den Feldern fehlen jetzt.

ggf. die Einstellungen noch wie in Contao 3.x neben das Editier-Icon?

**KlausGrenoble** · 17.03.2013, 00:14

wunnebar; selbst als Anfänger hab' ich das schon mal als Solo-Photo-Slideshow zum Laufen gebracht. Mir fehlte bloss anfangs unter "cameraslideshow" die Angabe "new cameraslideshow". Man muss halt auf das + drücken. Hat auch den Vorteil, da brauch' ich nichts auf Französisch zu übersetzen. Da ich nur ein Photo habe (ist ja auch schon spät) und ich drücke auf ">", dann geht das Photo weg und dann wird's leer. Sollte eigentlich auf dem Photo stehenbleiben, oder ? Auf alle Fälle: gute Arbeit. Hoffentlich gibt's noch mehr feedback.

**DNS** · 17.03.2013, 10:30

Moin Planepix und KlausGrenoble,

danke für das erste Feedback. Beim Veröffentlichen bin ich ein wenig ins Trudeln geraten, hatte bis jetzt noch kein Modul veröffentlicht, da ist ein wenig was durcheinander geraten...
Die fehlende Übersetzung ist nun drin.

@planepix:
Die Thumbnails werden gecached und dann im Template verarbeitet, entweder unter der Slideshow wenn man bei Paginierung false einstellt, oder beim hover über der Paginierung. Probiere es bitte mal mit dem aktuellen Build, letzte Nacht war ne Menge durcheinander geraten.
Farbpicker von Contao... baue ich ein, hatte gar nicht dran gedacht dass es den gibt

und das Einstellungen Icon neben dem edit baue ich auch ein. Danke für den Input.

@KlausGrenoble:
Wie gesagt die Übersetzung war gestern verloren gegangen, ist im aktuellen Build wieder drin.
Solo Slideshow

hmm... ich denke der Fall dass man nur ein Bild in einer Slideshow drin hat trifft nicht so oft ein

.
Das wäre dann auch ein Punkt den der Entwickler der Slideshow lösen müsste...

Gruß
Dennis

**stefan-at-work** · 17.03.2013, 22:05

Hi Dennis,

tolles Modu mit unglaubllich variablen Kongigurationsmöglichkeiten. Vielen Dank. Was ich vermisse sind die "Experten-Einstellungen", um dem Modul eine eigene CSS-ID/Klasse mitzugeben. Vielleicht könntest Du dies beim nächsten Update noch nachrüsten.

Gruß
Stefan

**DNS** · 18.03.2013, 13:51

Hallo Stefan,

"Experten-Einstellungen" werde ich nachrüsten, danke für den Tipp

Gruß
Dennis

**Schnippel** · 18.03.2013, 16:39

Hi,

hab mit diese Erweiterung installiert, das Häkchen bei jQuery (lokale Datei) gesetzt und ein
Modul mit Bildern angelegt.

Jetzt will ich diese Slideshow im Artikelbereich einbinden, aber ich find da nirgendwo was.
Unter Module sind nur die vorhanden (Navi etc.) aufgeführt.

Wie bekomm ich das hin?

Gruß

**DNS** · 18.03.2013, 17:13

Hi Schnippel,

du klickst auf Themes und erstellst ein neues Frontendmodul vom Typ "Slideshow anzeigen" (ganz unten), da kannst du dann deine erstellte Slideshow auswählen und dieses Modul im Artikel einbinden.

Gruß
Dennis

Mike1410 · 22.03.2013, 22:09

Sehr schön, vielen Dank!!

halofei · 27.03.2013, 10:01

läuft die Erweiterung auch zufällig unter Contao 2.11.?

**stefan-at-work** · 27.03.2013, 20:55

gerade festgestellt: Läuft leider nicht zusammen mit Mootools.

**olibo** · 28.03.2013, 12:05

Hi,
ich benutze die Erweiterung unter 3.0.5 und habe 4 Bilder in die Slideshow gebaut.
Slideshow ist ganz normal als Modul in einen Artikel der Website eingefügt allerdings erscheinen die Bilder der Slideshow nicht. Ich sehe nur das drehende Ladesymbol.
Beim Rollover über die vier grauen Kreise erscheint das Thumbnail der Vorschau.

?

Schöne Grüße,
Oliver

P.S. jQuery ist aktiv, Mootools nicht.

**ChrisT** · 02.04.2013, 08:46

Ich bin auf der Suche nach einem solchen Modul (Slideshow mit Previews), um Galerien (Fotos von Referenzen) in Nachrichten zu integrieren – ist so etwas mit cameraslideshow möglich? Bis jetzt habe ich es zumindest nicht geschafft, aber vielleicht mache ich einfach etwas falsch.

Grüsse
Chris

**truni** · 02.04.2013, 15:22

Auf http://www.pixedelic.com/plugins/camera/ liest man von der PHP-Routine für zufällige Galerien. Wie baue ich das effizient ein in Contao, reicht hier ein Eingriff ins Template mod_camera_slideshow.html5 aus? Denke die Problematik ist, dass zuerst in ein Array gespeichert werden muss und dieses dann nach dem «shuffle» ausgegeben werden soll …

**DNS** · 03.04.2013, 15:44

@truni:
Hab ich nix gefunden auf der Seite... Musst Du mal genauer sagen wo das steht. Wenn es das gibt bau ich das fest mit ein...
Alternativ im Template probieren:
$shuffelarray = shuffle($this->slides);
foreach ($shuffelarray as $slide){...

@ChrisT:
In deiner Nachricht das erstellte Frontend Modul mit {{insert_module::*}} rein laden müsste klappen...

@olibo:
Probiere mal folgendes:
themes->frontendmodule->"dein slideshow Modul"->Modul-Konfiguration->Deine Slideshow neu anklicken...

@stefan-at-work:
Ihh Mootools... Nee quatsch, auf meiner Testinstallation hab ich beides aktiviert und mal ein Bild unter der Slideshow eingebunden welches in der Mediabox angezeigt wird wenn man es anklickt... Funktioniert... Hast du da mal ein Beispiel online?

@halofei:
Sorry, 2.11. unterstützt das Modul nicht...

@all:
Sorry das ich erst jetzt antworte, irgendwie hab ich das thema garnicht abonniert <- edit: Hab ich doch abonniert, E-Mail Benachrichtigung funzt irgendwie nicht...

Gruß
Dennis

**truni** · 03.04.2013, 16:00

Zitat von DNS

@truni:
Hab ich nix gefunden auf der Seite... Musst Du mal genauer sagen wo das steht. Wenn es das gibt bau ich das fest mit ein...
Alternativ im Template probieren:
$shuffelarray = shuffle($this->slides);
foreach ($shuffelarray as $slide){...

Hallo Dennis,
im Changelog steht, dass es dein Shuffle-Demo-File gibt. Das habe ich im ZIP-Archiv auch gefunden:

v.1.1.2 - 2012.04.29
Fixed some issues with old IE version
Added a demo file with a PHP function to create randomically ordered slideshow

Hier ist ein Beispiel-Aufbau drin, wie das Array aufgebaut wird … ja wäre natürlich Hammer, wenn der Zufalls-Modus gleich fix anklickbar wäre in der Extension!

**DNS** · 03.04.2013, 16:03

Alles klar, danke für die Info. Ich schau mir das an wenn ich wieder dran arbeite...

**ChrisT** · 03.04.2013, 16:15

Zitat von DNS

@ChrisT:
In deiner Nachricht das erstellte Frontend Modul mit {{insert_module::*}} rein laden müsste klappen...

Stimmt - das tut es auch. Aber mein Kunde wird seine Referenzprojekte als Nachrichten verfassen und möchte jedem Projekt eine kleine Fotogallery anhängen. Diese Erweiterung wäre absolut perfekt - wenn mein Kunde nicht zuerst die Slideshow, dann das Modul erstellen und es anschliessend in die Nachricht integrieren müsste. Da wird er nicht wirklich durchblicken und seine Referenzen selten bis nie aktualisieren.

Slideshow und Integration des Elements in die Nachricht wären logisch und unproblematisch - liesse sich die Erweiterung soweit anpassen? Diese Möglichkeit würde einige Freunde finden und die Möglichkeiten von Contao 3, wo sich Nachrichten aus Elementen zusammenstellen lassen, sinnvoll ergänzen und bereichern!

**DNS** · 03.04.2013, 18:42

@ChrisT:
Hey cool, das man News bei Contao3 nun so baut hatte ich gar nicht aufm Schirm.
Werde da auch ein Content-Element einbauen wenn ich wieder dran sitze.
Kann leider noch nicht sagen wann... Aber in der nächsten Version ist es mit drin

**ChrisT** · 04.04.2013, 15:41

Zitat von DNS

Kann leider noch nicht sagen wann... Aber in der nächsten Version ist es mit drin

Super - wie weit könnte ein Zustupf den Fortschritt etwas beschleunigen?

**DNS** · 04.04.2013, 16:01

Hi,

also was ich anbieten kann ist ein Content Element hinzuzufügen, sodass man sich das Erstellen eines Frontend-Moduls spart. Das Erstellen der Slideshow selbst muss man aber im Modul Camera Slideshows machen. Wenn Dir das so weiterhilft kannst du gerne mal einen Vorschlag machen zwecks Beschleunigen ;-)

Du kannst mich auch per Skype erreichen...

**ChrisT** · 04.04.2013, 17:30

Zitat von DNS

also was ich anbieten kann ist ein Content Element hinzuzufügen, sodass man sich das Erstellen eines Frontend-Moduls spart. Das Erstellen der Slideshow selbst muss man aber im Modul Camera Slideshows machen.

Das wäre schon super - separate Erstellung der Slideshow macht Sinn und ist problemlos vertretbar. Was denkst du denn, wann es grob geschätzt umgesetzt werden könnte – mit oder ohne Vorschlag?

**DNS** · 04.04.2013, 19:37

Ich werde alles was hier so gepostet wurde bis ca. Ende nächster Woche erledigen, vielleicht auch früher

**kAlex** · 05.04.2013, 13:58

Hallo zusammen,

klasse Erweiterung mit tollen Einstellmöglichkeiten.

Ich hab zur zeit 2 Bugs:
- Die Thumbnals werden bei mir nicht angezeigt. Genauer gesagt, stimmt die SRC-Angabe nicht
im generierten Code steht das

HTML-Code:

<li class="pix_thumb pix_thumb_0 cameracurrent camera_visThumb">
 <img src="undefined" class="camera_thumb" style="opacity: 1;">
</li>

- Dann hab ich das Problem, wenn ich eine zweite Slideshow auf einer Seite unterbringe und beide den Ladebalken aktiv haben, wird nur der erste angezeigt. Dieser hat dann beide 'Zustände'.

Gibt es eine Möglichkeit, über JS eine zweite Slideshow simultan anzusteuern?
Meine Idee ist, diese Camera-Slideshow im Content bereich einzubauen, mit den ganzen Futures wie den Thumbnails und Ladebalken, und eine zweite Slideshow (muss jetzt nicht diese hier sein) als BODY-Hintergrundbild simultan laufen zu lassen. Diese Hintergrundslideshow sollte eben den Bildwechsel mitbekommen, sobald ich z.B. ein Thumbnail anklicke oder wenn der Autoplay aktiv ist.
Gibt es da eine Möglichkeit, dass mit einer anderen Slideshow zu verknüpfen?

**DNS** · 07.04.2013, 19:17

@kAlex:
Auf http://www.pixedelic.com/plugins/camera/ sind die 4 Callbacks dokumentiert womit du auch den aktuellen index des aktuellen Slides rausfinden kannst, damit kannst du dann per js die andere Slideshow ansteuern...
Hast du auch explizit das Thumbnails zu dem jeweiligen Slide angegeben?
Den Ladebalkenbug hab ich noch nicht angeschaut, ist wahrscheinlich ein bug den mal bei dem Entwickler der Slideshow melden müsste...

**DNS** · 07.04.2013, 21:51

Hallo Community,

eine neue Version ist online. Die gewünschten Features sind eingebaut... Danke an alle die Feedback geben oder das Modul einfach nur benutzen...

**kAlex** · 08.04.2013, 13:17

Zitat von DNS

@kAlex:
Auf http://www.pixedelic.com/plugins/camera/ sind die 4 Callbacks dokumentiert womit du auch den aktuellen index des aktuellen Slides rausfinden kannst, damit kannst du dann per js die andere Slideshow ansteuern...
Hast du auch explizit das Thumbnails zu dem jeweiligen Slide angegeben?
Den Ladebalkenbug hab ich noch nicht angeschaut, ist wahrscheinlich ein bug den mal bei dem Entwickler der Slideshow melden müsste...

Dass man explizit Thumbnails angeben muss wusste ich nicht, nun klappts

Hab die Erweiterung mal geupdatet und nun bewegt sich der kreisförmige Ladebalken, bei mir zumindest, gar nicht mehr

. Der 'normale' Ladebalken macht seine Aufgabe ohne Probleme.
Die JS Callbacks schau ich mir mal genauer an

**Schnippel** · 10.04.2013, 11:16

Hallo,

ich würde gern die Punkte, die sich beim Bildwechsel mit verändern,
nicht unter das Bild, sondern im unteren Bereich im Bild haben wollen,
so wie es hier auf dieser Seite zu sehen ist:

http://www.meister.com/de/home.htm

Wie kann ich das mit diser Erweiterung realisieren?

**DNS** · 10.04.2013, 11:26

@Schnippel:
Das kannst du ganz einfach über css machen...
Probier mal folgenden Code.

Code:

.camera_wrap{
	margin:0!important;
}
.camera_pag{
	position:absolute;
	bottom:0;
	right:0;
	width:100%;
	text-align:center;
}
.camera_wrap .camera_pag .camera_pag_ul {
	text-align: center!important;
}

**Schnippel** · 11.04.2013, 15:00

Hi Leute, ich hab folgendes Problem:

Ich arbeite an zwei Interseiten. Da ich bei der ersten diese Erweiterung nutz und alles gut funktioniert,
bekomme ich bei meiner neuen Interseite (Contao 3.0.6) die Slideshow nicht angezeigt.

Ich habe ein Modul angelegt, dieses Modul im Seitenlayout eingebunden.
Wenn ich im Artikelberich die Slidshow einbinde, da tun sich 2 Möglichkeiten auf:

A - als Modul einbinden
B - als Media-Elementtyp "Camera Slideshow"

es wird weder A noch B angezeigt...
Aber die Überschrift erscheint...

Ich sitz schon Stunden und hab alles durchprobiert,
finde aber nirgendwo den Fehler.
Hab auch MooTools deaktivert, Slideshow läuft trotzdem nicht...

Wo liegt das Problem?

Bei meiner ersten Website (Contao 3.0.3) funktioniert das alles problemlos.
Hängt es mit Contao 3.0.6 zusammen?

**DNS** · 11.04.2013, 15:13

@Schnippel:
Das muss ich mir anschauen und ggf. ein Update machen... Wenn möglich schick mir per PN doch mal ein Link zu der Seite...

**truni** · 11.04.2013, 15:59

… für die Arbeit an deinem Modul DNS. I'm loving shuffle mode =)

**DNS** · 16.04.2013, 14:06

Zitat von kAlex

Hallo zusammen,

...

- Dann hab ich das Problem, wenn ich eine zweite Slideshow auf einer Seite unterbringe und beide den Ladebalken aktiv haben, wird nur der erste angezeigt. Dieser hat dann beide 'Zustände'.

...

Das Problem mit dem Ladebalken ist schon lange bekannt: https://github.com/pixedelic/Camera/issues/17
...Muss man mal beobachten wie aktiv der Entwickler ist, ist ja schon seit 5 Monaten bekannt der Bug. Vielleicht kann man den dazu bringen dass er dass Ding mal weiter entwickelt...

**Big_Berny** · 13.05.2013, 12:19

Coole Erweiterung!

Ich habe nur eine Frage: Gibt's eine Möglichkeit eine eigene CSS zu verwenden, anstelle der default?

**DNS** · 13.05.2013, 12:59

Klickst Du unter Layout auf Templates und legst ein Template (mod_camera_slideshow.html5) an.
Im Template wird in der ersten Zeile das CSS eingebunden.

PHP-Code:


$GLOBALS['TL_CSS'][] = 'system/modules/cameraslideshow/assets/css/camera.css';

Entweder Du verlinkst da deine eigene CSS-Datei, oder Du löschst die Zeile raus und packst das CSS irgendwo anders hin.
Und am besten danach mal über Systemwartung Daten bereinigen damit die Erweiterung das neue Template lädt.

**Big_Berny** · 13.05.2013, 14:54

Ist ja einfach. Vielen Dank!

**ChrisT** · 14.05.2013, 14:13

Ich finde die Erweiterung nach wie vor ungeschlagen!

Was ich bei meinem aktuellen Projekt vermisse, ist die Möglichkeit, die Bilder der Slideshow bei einem Share auf Facebook automatisch als Vorschaubilder eingeblendet zu bekommen, aus denen dann das beste gewählt werden kann.

Die Erweiterung eignet sich nämlich perfekt, um Referenzen in Form von Fotos zu präsentieren. Da wäre eine verbesserte Schnittstelle zu Facebook schlichtweg genial.

Grüsse
Chris

**DNS** · 14.05.2013, 14:26

Ob dann das Bild reicht... Besser wäre wenn man für jedes Bild ein Titel und eine Beschreibung eingeben könnte. Ob das mit den Open Graph Meta Tags von Facebook funktioniert muss ich probieren. Theoretisch müsste ich dann bei jedem Slide die Metatags per JS wechseln. Muss ich probieren... Wenn es geht dann pack ich das in das nächste Release.

**ChrisT** · 14.05.2013, 15:12

Mit der Erweiterung [opengraph] habe ich nicht schlechte Erfahrungen gemacht - nur dass dabei in meinem Fall die Bilder generell nicht berücksichtigt wurden, auch mittels Einfügen als Text (Bild einfügen) oder als Bild (mit aktivierter "OpenGraph Metatag Bild"-Checkbox).

Ich sehe nach wie vor grosses Potenzial für Contao bei der Verbesserung der Schnittstellen zu Facebook. Für Contao 3.0.X (oder 3.1.X) sind schlicht zuwenig Erweiterungen verfügbar, die problemlos verwendet werden können.

Gibt es in diesem Umfeld dafür Spezialisten, die man (finanziell) unterstützen könnte?

Grüsse
Chris

**DNS** · 14.05.2013, 15:23

Naja, die Facebook Metatags sind ja kein Hexenwerk. Die Erweiterung "opengraph" kenne ich nicht aber wenn die mit Bildern nicht richtig funktioniert macht es ja keinen Sinn die zu benutzen.
Ich würde das einfach neu schreiben, direkt für meine Slideshow.
Gibt es denn noch keine Like Button Erweiterung für contao3? Das könnte man bestimmt mal an anderer Stelle diskutieren... Eine Erweiterung nach Deinen Vorstellungen wäre sicherlich kein Problem.