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

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Z-E-R-O-X, 26. Oktober 2011 .

  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #1 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!
     

  2. Anzeige
    Heute: Deals & Sale mit stark reduzierten Angeboten finden.
  3. #2 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
    
     
  4. #3 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.
     
  5. #4 26. Oktober 2011
    AW: Ultimate Fade-in slideshow (v2.4) auf 100% ?

    Vor irgendwelchen CSS-Codes einfach mal

    *{
    margin:0;
    padding:0;
    }

    einbinden.
     
  6. #5 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?
     

  7. Videos zum Thema
Die Seite wird geladen...
Similar Threads - JavaScript Ultimate Fade
  1. Antworten:
    0
    Aufrufe:
    3.511
  2. Antworten:
    0
    Aufrufe:
    3.771
  3. Antworten:
    6
    Aufrufe:
    3.070
  4. Antworten:
    2
    Aufrufe:
    1.263
  5. JavaScript Cookie Manager

    leex , 4. September 2015 , im Forum: Webentwicklung
    Antworten:
    2
    Aufrufe:
    1.327
  • Annonce

  • Annonce