Imageslider slided nicht, sondern zeigt nur erstes Bild

Hallo,

das Problem kam hier schon öfter, aber leider hilft keiner der vorgeschlagenen Lösungswege... :o

Mein System:

• Contao 2.11.5 - nagelneu installiert ;)
• An Erweiterungen ist tatsächlich auch NUR der Imageslider installiert, in der Version 1.2.0 stable
• An Scripten im Template ist nur die Moo_Mediabox aktiviert, alles andere nicht.

Ist also alles relativ übersichtlich eingerichtet.
Ich habe nun einen Slider eingerichtet, ein Bildverzeichnis zugewiesen usw., im Frontend wird aber leider nur das erste Bild angezeigt.

Also folgendes probiert bzw. überprüft:

• In "Einstellungen > Globale" wird nix komprimiert, weder HTML noch Scripte
• Cache ist komplett deaktiviert
• Per Systemwartung habe ich einmal alle Daten bereingt.

Im Frontend-Quellcode sehe ich, dass alle Bilder geladen werden:

PHP-Code:

---

<div class="ce_imageslider block">
<div class="mask1">
<div id="elements1">
<img  src="system/html/01-23be788d.jpg" alt="Slideshow Bild" /><img style="display:none;"  src="system/html/02-c3ab5c67.jpg" alt="Slideshow Bild" /><img style="display:none;"  src="system/html/03-5cda8c74.jpg" alt="Slideshow Bild" /><img style="display:none;"  src="system/html/04-29428ff7.jpg" alt="Slideshow Bild" /><img style="display:none;"  src="system/html/05-6150682c.jpg" alt="Slideshow Bild" /><img style="display:none;"  src="system/html/06-25abbe9d.jpg" alt="Slideshow Bild" /><img style="display:none;"  src="system/html/07-3e8f3c37.jpg" alt="Slideshow Bild" /><img style="display:none;"  src="system/html/08-bc728d7a.jpg" alt="Slideshow Bild" /> 
</div>
</div>
</div> 


---

Trotzdem läuft keine Rotation an, sondern nur das erste Bild wird angezeigt. Javascript-Konsole wirft keinen Fehler aus.

Weiß jemand vielleicht, woran es noch liegen könnte?

Dankeschön,
Frank

Hast Du eine erreichbare URL zum Problem ?

Sorry, im Moment ist alles noch Entwicklung (lokal). Falls der Imageslider nicht ans laufen zu bekommen ist, wird der auch nicht das Online-Licht der Welt erblicken ;)

Hilft es, wenn ich den HTML-Quellcode der Frontend-Ausgabe poste?

Danke,
Frank

Welches Modul mit welcher Contao Version hast Du installiert ?

Dann kann ich es mal im meinem Contao2Go nachbauen und schauen

Hm, also ich habe den "[Imageslider] Imageslider 1.2.0 stable" in Contao "2.11.5" installiert.

Aber da ich das oben ja geschrieben hatte, war bestimmt was anderes gemeint, oder?
Aber was nur...? :o

Da smit der 2.11.5 hab ich tatsaechlich ueberlesen, sorry.

Aber wir haben viele "ImageSlider", deshalb wollt ich nochmla genau nachfragen
http://www.contao-pool.de/ceris/sear...nguage/de.html

Ich teste es mal

hm, frsiche 2.11.5 und nur das Modul Imageslider installiert.
Neuen Imageslider eingerichtet, mit Effekt top
Im Seitenlayout ist moo_mediabox und moo_accordeon aktiv.

Und es slidet im Frontend....

Ich kann Dir gerne das C2G schicken, aber ich kann momentan nicht sagen, warum es bei Dir nicht laeuft.

Vielen Dank für die Mühen.

Mit Contao2GO habe ich noch keine Erfahrung, aber wenn Du mir das schicken könntest, könnte ich mal einen Punkt-für-Punkt-A/B-Vergleich machen.
Wie schickst Du mir das? Soll ich Dir meine Mailadresse per PN schicken?

OK, mit Deiner Version funktioniert es tatsächlich, mit meiner nicht. Ich habe den Ausgabe-Code verglichen, und folgendes festgestellt: In Deiner Version findet sich im Header folgender Quellcode:

PHP-Code:

---

<script src="plugins/imageslider/class.viewer.js"></script>
<style type="text/css" media="screen">
<!--/*--><![CDATA[/*><!--*/

#elements1 {position:absolute;}
.mask1 { width:240px; height:240px; position:relative; overflow:hidden;}
.mask1 img { position:absolute; display:block; border:none; }


/*]]>*/-->
</style>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
window.addEvent('domready',function()
{
    
var V1 = new viewer( $$('#elements1 img)' ),
{
    sizes: {w:240,h:240},
    mode: 'rand',
    modes: ['alpha'],
    fxOptions:{ duration: 1000  },
    interval: 3000});
V1.play(true);;

});
//--><!]]>
</script> 


---

Dieser Quellcode wird bei mir nicht generiert.
Ich habe dann ein bisschen herumprobiert und dabei folgendes herausgefunden:

Ob dieser Quellcode im HEAD-Bereich eingefügt wird oder nicht, hängt offenbar damit zusammen, wo im Layout (!) ich die Slideshow einsetze.
Ich hatte sie nämlich -- anders als Du -- ursprünglich nicht im Inhaltsbereich (#main), sondern in einer Seitenleiste (#right). Ich habe jetzt die selbe Slideshow einfach mal in einem Artikel im Bereich #main eingesetzt - Bingo, läuft sofort.

Das war also das Problem. Muss man auch erst mal drauf kommen. Weiß nicht, ob dieser Umstand vielleicht schon bekannt war oder nicht.

Jedenfalls konnte ich es dann jetzt dadurch lösen, dass ich obenstehenden Code händisch in den HEAD-Bereich eingefügt habe (Per "Zusätzliche <head>-Tags" i.d. Template-Einstellungen). Vermutlich nicht elegant, aber jetzt läuft die Slideshow auch im #right-Bereich.

Vielen Dank für die Hilfe!

VG Frank

Ich habe dasselbe Problem, nur das es beim mir die linke Seite ist :)

Ich bin bin noch sehr neu hier, verzeih also bitte evtl dumme Fragen:

Wo genau finde ich diese zusätzlichen head-tags für die templates? Ich habe den code jetzt in jeder datei (im contao-backend css, tpl, js) ausprobiert (also einfach vorangestellt). Leider ohne Erfolg, es hat sich nichts getan.

Wahrscheinlich war das falsch?

Ein weiteres Problem, das ich habe: Ich habe die linke Spalte mit den Abmessungen 580*345 erstellt und die Bilder in der selben Größe angelegt. Allerdings werden sie nicht korrekt in der box angezeigt. Ich habe immer iwelche Abstände drin, oder das Bild wird an den Rändern abgeschnitten.
Wahrscheinlich begehe ich da einen Anfängerfehler, aber ich komme leider nicht dahinter.

Vielleicht kann mir jmd helfen?

VG
damac

Hallo,

der Code würde dann (wenn man es so macht wie ich -- was aber eigentlich ein blöder Workaround ist!) nicht hardcodiert in eine der Template-Dateien o.ä. (sowas sollte man sowieso nicht machen), sondern im Backend eingefügt unter

"Themes > Seitenlayout > {Bearbeiten} > Abschnitt 'Experten-Einestellungen'", dort unter "Zusätzliche <head>-Tags".

Bedenke aber, dass der Code, so wie ich ihn gepostet habe, auch schon Einstellungen des Moduls usw. enthält, sich diese Einstellungen dann aus der Modul-Verwaltung nicht ändern lassen, sondern nur in diesem Code-Stück. (Bzw. ändern lassen sie sich natürlich schon, hat eben nur keinen Effekt).

Vielleicht wird der Slider ja mal dahingehend optimiert, dass man die Slideshows unterbringen kann wo man möchte, und nicht zwangsläufig im "main"-Bereich. :)

Die angesprochenen Abstände werden sich wahrscheinlich per CSS-Korrekturen beheben lassen. Müsste man nur eben schauen, in welchen Containern die Bilder so drin liegen, und ggf. margins und paddings auf 0 setzen (Contao setzt bei Bildern, die per figure-Tag mit der Klasse "image_container" eingefügt werden immer Abstände, die m.E. immer erst mal zu korrigieren sind). Wenn Deine Seite schon online ist, könntest Du evtl. die Adresse sagen, dann kann man sich das besser anschauen.

VG Frank

das hat geklappt :)

leider ist die seite noch lokal.
Ich muss die mal hochladen, einfach um auch flexibler daran arbeiten zu können.
Ich werde mit den paddings und margins noch ein bisschen rumspielen müssen.


Vielen vielen Dank.

Hab bei mir auch das Problem, dass

HTML-Code:

---

<script src="plugins/imageslider/class.viewer.js"></script>

---

nicht eingebunden wird. Ich hab die JS-Datei in den Headbereich eingefügt und jetzt läuft der Slider wieder. Bei mir wars aber egal wo der Slider platziert war.

Komisch ist, ich weiß, es ging vorher auf der Seite.