Eigentlich eher ein Frage der Usability: Wie setzt man Slideshows am besten um?
Die Rede ist von einem Titelbild für einen Artikel o.ä., das in kurzen Abständen von selbst wechselt und durch 3 bis maximal 5 Bilder 'loopen' soll.

Nun bin ich am überlegen, wie das Markup am besten zu gestalten ist.
1) Alle Bilder kommen in eine Liste, werden per CSS 'gestapelt' und das Fading wird per JavaScript realisiert.

2) Eine Liste mit zwei IMG-Elementen, die src-Attribute werden bei dem im Hintergrund liegenden Element dynamisch geändert, dann erfolgt der Fade usw.

Ich tendiere momentan zur zweiten Variante, da mir diese aus sicht der Performance besser gefällt, außerdem ist bei deaktivierten JS/CSS nicht zuviel Bildmaterial vor dem eigentlichen Text zu sehen.
Fraglich ist, ob die Requests im Hintergrund aus sicht der Barrierefreiheit/Benutzerfreundlichkeit irgendwelche Nachteile birgt?

__________________
github | http://dnaber.de

Hallo

Ich hatte sowas mal mit dem jquery cycle Plugin gemacht.
Ganz simpel, ohne Liste. Dem div dann overflow:hidden geben, dann wird ohne js nur das erste Bild angezeigt.

Wegen Ladezeit: hängt halt von den Grafiken ab.

Anderer Gedanke: ein Sprite machen, und mit Script jeweils neu positionieren?

Gruß Manfred

Manfred, die Implementierung ist nicht das Problem, die Frage die ich mir stelle, ist, ob man alle Bilder von vornherein ins Markup schreibt und damit sofort beim Seitenaufruf laden lässt, oder sie lieber nachgeladen werden sollten, bzw. ist das Nachladen von Inhalten aus sicht der Usability problematisch?

__________________
github | http://dnaber.de

Ah, sorry...
Hmm, imho würde ich alle Bilder gleich laden (wenns nicht zu viel sind).
Gibt nach meinem Verständnis auch mehr Futter (alt Texte) für z.B. Suchmaschinen, oder? Zudem wäre das für mich auch leichter umzusetzen.

Gruß Manfred

Hi David,

ich würde die Bilder nachladen. Im Markup haben unsichtbare, themenirrelavente Daten nichts zu suchen.

__________________
Manchmal fühle ich mich von WordPress ja schon verarscht.

Hi,

kommt das nicht ein bischen auch auf die Art Slideshow an? Ich habe eine "Wechselbild" bei Seitenneubesuch immer über php jeweils generieren lassen. Aber wie würde man denn zur Laufzeit Bilder zeitgesteuert nachladen? Alle Slideshows, die ich bisher sah, laden leider immer gleich alle Bilder mittel js. An einer nachladenden Slideshow wäre ich sehr interessiert.

__________________
Der höchste Lohn für unsere Bemühungen ist nicht das, was wir dafür bekommen, sondern das, was wir dadurch werden.

Mein aktuelles Projekt bei idealseiten.de

Es kommt auf jeden Fall auf die Art der Slideshow an. Sind es Deko-Bilder, gehören sie nicht ins Markup. Ist es dagegen eine Galerie, sollten alle Bilder im Markup stehen bzw. per weiter-Button aufrufbar sein (als js-freie Fallbacklösung).

Wobei ich zum Thema Slideshow-Galerie anmerken muss, dass ich davon nicht viel halte. Der Nutzer sollte selber sein Tempo bestimmen können, individuell für jedes Bild. Das Web ist immer noch ein Pull-Medium - wer sich dagegen ohne eigenes Zutun berieseln bzw. die Inhalte servieren lassen will, setzt sich vor den Fernseher (= Push-Medium).

__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)

jep, volle Zustimmung.

Entweder die Bilder wechseln nur auf Knopfdruck oder bei jedem neuen Seitenaufruf. Alle andere ist nerviges Getue.

Heutzutage scheint so eine Von-selber-Wechsel-Slideshow Pflicht zu sein um modern rüberzukommen.
Möglichst noch im Zweisekundenwechsel, der einen ganz wuschig im Hirn macht.

Interessant wäre in dem Zusammenhang noch eine zusätzliche Laufschrift unter der Slideshow,
um die Dynamik noch etwas ....äh ... zu verbreitern.
Warum ist da eigentlich noch niemand drauf gekommen?

__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus

Danke für eure Meinungen. Es handelt sich hierbei nicht um eine Bildergalerie. Die Bilder werden andernorts auch 'on demand' sichtbar sein. Eine Möglichkeit die animation zu stoppen wird auch umgesetzt.


@philosapiens
Die URLs der Bilder kommen in ein Array. Den zwei Bildelementen wird dann abwechselnd das src-Attribut geändert, während das andere im Vordergrund angezeigt wird. So der Plan.

__________________
github | http://dnaber.de

Hi,

danke für die Idee und die Info. Machst Du das dann mit php? Ich meine, kannst Du php zeitgesteuert diese Wechsel vornehmen lassen? Ja, sicherlich!

Schau mal: Ingo Turski - Fotografie: Dionysos, Urlaub auf Thassos - Golden Beach Bucht

Hast Du Dir dann also in etwa so eine Galerie vorgestellt?

Das wäre dann in etwa so: http://www.1ngo.de/web/diashow.html

__________________
Der höchste Lohn für unsere Bemühungen ist nicht das, was wir dafür bekommen, sondern das, was wir dadurch werden.

Mein aktuelles Projekt bei idealseiten.de