Problem mit Slide show

  • [FONT="Trebuchet MS"][COLOR="Pink"][SIZE="2"]Hey ich möchte gerne das die Slide show in Center aus geführt wird.
    Das erste ist auch in der mitte aber die anderen gehen einfach nach links ...
    schaut selbst :>

    Eine Bilderslideshow

    ....

    hier noch das script dafür

    PHP
    <div align="center"><body	bgcolor="#000000"><html><head><title>Eine Bilderslideshow</title>    <script type="text/javascript">        function fade(step) {            var imgs = document.getElementById("meinFader").getElementsByTagName("img");            step = step || 0;            imgs[counter].style.opacity = step/100;            imgs[counter].style.filter = "alpha(opacity=" + step + ")"; //             step = step + 2;            if (step <= 100) {                window.setTimeout(function () { fade(step); }, 1);            } else {                window.setTimeout(next, 2000);            }        }        function next() {            var imgs = document.getElementById("meinFader").getElementsByTagName("img");            if (typeof(counter) != "number") {                counter = 0;            }            counter++;            if (counter < imgs.length) {                fade();            }        };    </script>   <div align="center"> <style type="text/css">        .next { position: absolute; top: 0; left: 0; opacity: 0; filter:alpha(opacity=0); }        #meinFader { position: relative; }    </style></head><body>    <h1><font face="DEFUSED"><font color="#ff8c00">EOD Bilder SlideShow</font></h1>    <p id="meinFader"> <img src="images/1.jpg" alt=""> <img src="images/2.jpg" alt="" class="next"> <img src="images/3.jpg" alt="" class="next"> <img src="images/4.jpg" alt="" class="next"> <img src="images/5.jpg" alt="" class="next"> <img src="images/6.jpg" alt="" class="next"> <img src="images/7.jpg" alt="" class="next"> <img src="images/8.jpg" alt="" class="next"> <img src="images/9.jpg" alt="" class="next"> <img src="images/10.jpg" alt="" class="next">    </p>    <p><a href="javascript:next()"><font face="tahoma"><div align="center"><font color="#ff8c00">Slideshow starten</a></p></body></html></div>

    [/SIZE][/COLOR][/FONT]

  • algin ist ein Table attribut und funtioniert somit auch nur für tables. Auserdem ist dein Code
    auf gut deutsch gesagt absoluter Müll. Mit deiner Bildergalerie Bilder in die Mitte zu
    setzen grenz an unmöglich. Warum? Du lässt die vorher gezeigten Bilder nicht ausblenden,
    die .next Klasse hat ne absolute Position von daher ignoriert sie jeden versuch sie via
    margin zu richtig positionieren. Ohne die Absolute Position gehts aber auch nicht weil
    die Bilder sonst untereinander fixiert werden. Probleme über Probleme, über das JS Script
    das du gepostet hast könnte ich nen Roman verfassen was es zu bemengeln gibt.
    Aber ums kurz zu fassen, google dir ein neues Script.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!