[JavaScript] Ultimate Fade-in slideshow (v2.4) auf 100% ?

Z-E-R-O-X · 26. Oktober 2011

Ultimate Fade-in slideshow (v2.4) auf 100% ?

Hallo!

Ich suche nach einer Möglichkeit, wie ich folgende Slideshow auf 100% stellen kann (Höhe sowie Breite).

Link: Dynamic Drive DHTML Scripts- Ultimate Fade-in slideshow (v2.0)

Im Script kann man die Höhe und Breite unter folgender Zeile einstellen:

HTML:

dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image

Leider aber nur in Pixel(px). Ich hab versucht hier eine Prozent(%) Angabe zu machen, das funktioniert aber nicht. Auch in der JS-Datei habe ich keine Möglichkeit gefunden, die Pixel-Angabe auf Prozent umzustellen.

Ich hoffe die Erfahrenen Webentwickler hier können mir helfen.

Danke!

Anzeige

Nanobyte · 26. Oktober 2011

AW: Ultimate Fade-in slideshow (v2.4) auf 100% ?

Ich hoffe mal dass das dein vorhaben war:

Code:

dimensions: [window.innerWidth, window.innerHeight], //width/height of gallery in pixels. Should reflect dimensions of largest image

Z-E-R-O-X · 26. Oktober 2011

AW: Ultimate Fade-in slideshow (v2.4) auf 100% ?

Ja fast! Nur hab ich jetzt drumherum einen schwarzen Rahmen (siehe Bild):

http://www.imagebanana/view/86bens8z/Unbenannt1.jpg

Das Bild soll aber die gesamte Größe des Browserfensters einnehmen. Also 100% auf den Body.

DerEntscheider · 26. Oktober 2011

AW: Ultimate Fade-in slideshow (v2.4) auf 100% ?

Vor irgendwelchen CSS-Codes einfach mal

*{
margin:0;
padding:0;
}

einbinden.

Z-E-R-O-X · 26. Oktober 2011

AW: Ultimate Fade-in slideshow (v2.4) auf 100% ?

Nein das macht auch keinen Unterschied.

Ich hab jetzt mal in der JS-Datei die Zeile 221...

HTML:

layerHTML+='<img src="'+imgelement[0]+'" style="border-width:0;" />\n'

wie folgt geändert:

HTML:

layerHTML+='<img src="'+imgelement[0]+'" style="width:100%;height:100%;border-width:0;" />\n'

Also ich habe die Höhe und die Breite auf 100% gesetzt (width:100%;height:100% .

Dann die dimensions noch auf 0 (weil sonst links ein schwarzer Balken ist)...

HTML:

dimensions: [0, 0], //width/height of gallery in pixels. Should reflect dimensions of largest image

Und das Bild nimmt die volle Browsergröße ein, so wie ich es haben wollte.

Elegant gelöst nennt man aber etwas anders, oder was meint ihr?

Nützliche Suchen

[JavaScript] Ultimate Fade-in slideshow (v2.4) auf 100% ?

Videos zum Themenbereich