festes Bild beim Start ?

Hallo,

ich habe die Slideshow im Header unterhalb meines Menüs eingebaut.
Jetzt möchte ich gerne, dass beim ersten Laden der Seite das erste Bild schon voll angezeigt wird und nicht erst "per fade geladen wird".

Außerdem soll die Slideshow weiter laufen und nicht neu laden wenn man über das Menü eine andere Seite auswählt.

Ist das zu realisieren ?

Wenn jemand eine Idee hat wäre super !

Danke schonmal

mfg

Volker

Hallo Volker,

bitte mal in die Doku der Slideshow2 schauen.
Eventuell findest du dort eine Lösung.

Oder du verwendest eine alte Slideshow Version die noch auf HTML basiert.
Allerdings hast du bei vielen Bildern ein sichtbares Vorladen.

Die Doku habe ich natürlich schon durchforstet, habe aber leider nichts gefunden. Hier im Forum hab ich auch gesucht.

Das ganze läuft jetzt erstmal mit dem imageslider, damit klappt es größtenteils, bis auf den harten Bildwechesel wenn man einen Menüpunkt auswählt, aber das Problem scheint ja laut einen anderen Beitrag hier im Forum nicht so ohne Weiteres zu lösen sein.

mfg

Volker

Ein festes Bild beim Start habe ich wie folgt gelöst:

- einen Style anlegen

#showX (wobei das X für die ID der Bildrotation steht)
{
background-image:url("bilderverzeichnis/hintergrundbild.jpg");
}

Funktioniert bei Rotation und Ken einwandfrei.

Grüße Joachim

Hallo Joachim,

danke für den Tip!
Ich werde versuchen es miteinzubauen.

Grüße Sabri

Hallo Sabri,

habe den Code schon vor einigen Jahren mal durchgestöbert und meine,
da war eine Schleife für ein Fallback-Picture enthalten, für den Fall, dass
Java nicht installiert ist, oder keine weiteren Bilder eingebunden sind.
Außerdem meine ich, einen Eventhandler gesehen zu haben (Start, Stop, Reload),
den man evtl. verwenden könnte um das neu Laden beim Seitenwechsel zu verhindern.
Abhängig von der Internetverbindung und dem Umstand, dass viele mit Laptop surfen,
entstehen beim Seitenwechsel schon erhebliche Ladezeiten.

Noch eine Frage zu den Bildern bei KenBurns:
Wenn ich das richtig sehe, wird das vorhandene Bildmaterial von der Ausgangsgröße des
Bildes auf Containergröße gezoomt. Es ist also nicht nötig das Bild größer anzulegen?

Bei dem von mir verwendeten KenBurns war es nämlich wichtig, das Bild größer anzulegen,
da eine Maske in der Größe des Containers über das Bild verschoben wurde.

Und noch etwas ...

Danke für Deine Mühe ...

Grüße Joachim

Hallo Joachim,

also prinzipiell wird immer ein Fallback Bild eingeblendet wenn kein Javascript installiert ist.

Wenn die Seite neu geladen wird, sind ja alle Informationen des Javascripts weg. Der einzige weg das zu umgehen wäre ein Cookie das den letzten Stand mitsendet. Allerdings wäre das Ganze nicht unkomplex.

Zu Ken Burns kann ich dir leider keine genauen Infos geben da ich es noch nicht so oft verwendet habe, aber ich musste die Bilder nicht größer anlegen.

Viele Grüße
Sabri

Hi,

hab das mit dem eigenen Style soeben ausprobiert. Aber da rührt sich nichts!

Die ID meiner Rotation ist 3 --> somit ergibt sich folgende Ergänzung im eigenen Style (slideshow2_css_custom.tpl), das ich in den Contao Templates Ordner gelegt habe und in der Rotation 3 unter CSS Template ausgewählt habe!

#show3
{
background-image:url(tl_files/header/1.jpg);
}

Was stimmt da nicht???

Also bei mir klappt das so...
probier es doch mal mit background anstatt background-image.

Hat funktioniert -- war offensichtlich noch irgendwie im Browser Cache...

Aber Generell wäre schön, wenn man das einstellen könnte, dass das erste Bild voll geladen wird und die Alpha-Überblendung bzw. die Bewegung erst beim Wechsel auf das 2. Bild kommt!! Wär auf der Seite auf alle Fälle schöner, als dass man den entsprechenden Bereich erst mal leer hat... Oder nicht??

Könnte mir das bitte jemand nochmal im Detail erklären wo ich was einstelle? Ich verwende Slideshow in der Haupspalte mit Überblendung ("alpha"). An welcher Stelle und was ändere ich in dem "slideshow2_css_custom.tpl"?? (Kann kein php)
Für Unterstützung wäre ich sehr dankbar.

Im Prinzip recht einfach...

Du kopierst die Template Datei slideshow2_css_standard.tpl aus dem Ordner /system/modules/slideshow2/templates in den ContaoOrdner /templates im Root Verzeichnis. Name beliebig -- jetzt kannst du schon mal in der jeweiligen Slideshow diese neue Datei auswählen unter CSS Template!

In der Datei selbst stehen alle möglichen Anweisungen. Ganz unten (vor dem schließenden php tag

PHP-Code:

---

<?php endif; ?>

---

fügst du nun einen Bereich ein.

Code:

---

#show3
{
background:url(tl_files/header/1.jpg);
}

---

Die 3 muss gegen die ID deiner Slideshow getauscht werden (im Contao Backend ersichtlich). Und der Pfad zur Hintergrunddatei entsprechend angepasst werden.

Man muss natürlich für jede slideshow so einen neuen Bereich eingeben. Und die Slideshows sind dann natürlich nicht mehr 100% im Backend wartbar - kann problematisch werden...

Oder einfach die neue Version verwenden, das ist die Funktion jetzt eingebaut. :)

Vielen Dank für die schnelle Antwort! Manchmal kann es ja so einfach sein.
Kann ich auch irgendwo ein bestimmtes Bild zum Startbild machen? Habe nur den Button "Startbild aktivieren" gefunden, aber keine Auswahlmöglichkeit für ein Bild. Oder seh ich mal wieder nix?

Nein vorerst leider nicht, den so wird automatisch unterschieden ob die Bild Reihenfolge zufällig ist oder nicht. Im Zweifel müsstest du doch das Template anpassen. :-(

Hab die neue Version dann auch gleich gesehen -- Funktioniert prima! Und vor allem kann man das jetzt ohne "hardcoding" einstellen!! PERFERKT!