<script> width:100% - Wie funktioniert das ?

[AukeArts]

Guten Tag zusammen,
ich hätte da mal eine Frage. Ich kenne mich mit Javascript etc. null komma nichts aus und habe jetzt ein bescheidenes Problem. Ich wollte mir eine Slideshow einbauen. Das funktioniert auch soweit, allerdings wollte ich das diese 100% in die Breite geht.

Das scipt lautet...

<script>
    Galleria.loadTheme('js/galleria/themes/classic/galleria.classic.min.js');
        $("#gallery").galleria({
        width: 500,
        height: 500
    });
</script>

Mit freundlichen Grüßen,
AukeArts

 

[threadi]

Kenne dieses Script nicht, aber laut der Dokumentation kann man dort wohl nur die Breite in Pixeln angeben. Du kannst es mal mit "width: 100%" probieren, ob das funktioniert hängt aber von diesem Script ab. Wenn Du Fragen dazu hast, wende dich an den Hersteller des Scripts und/oder dessen Dokumentation.

 

[AukeArts]

...das mit den 100% habe ich auch schon probiert, allerdings kriegt man dann ein Syntaxfehler. Dann werde ich mich mal an den Hersteller des Scripts wenden.

Mit freundlichen Grüßen,
AukeArts

 

[Sempervivum]

Hallo AukeArts,
in einem der Skripts, die ich verwende, wird die Fensterbreite folgendermaßen ermittelt:

w=(document.all)?window.document.body.clientWidth:window.innerWidth;

Das heißt, Du könntest folgendes probieren:

<script>
     Galleria.loadTheme('js/galleria/themes/classic/galleria.classic.min.js');
         $("#gallery").galleria({
         width: (document.all)?window.document.body.clientWidth:window.innerWidth,
         height: 500
     }); </script>

Alternativ ein Hilfs-div mit Höhe 0 über die gesamte Breite anlegen und dessen Breite verwenden:

<script>
     Galleria.loadTheme('js/galleria/themes/classic/galleria.classic.min.js');
         $("#gallery").galleria({
         width: document.getElementById("hilfsdiv").offsetWidth,
         height: 500
     }); </script>

Viel Erfolg und viele Grüße - Ulrich