Problem mit Slide show

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

    • 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-Quellcode

      1. <div align="center"><body bgcolor="#000000">
      2. <html><head><title>Eine Bilderslideshow</title>
      3. <script type="text/javascript">
      4. function fade(step) {
      5. var imgs = document.getElementById("meinFader").getElementsByTagName("img");
      7. step = step || 0;
      9. imgs[counter].style.opacity = step/100;
      10. imgs[counter].style.filter = "alpha(opacity=" + step + ")"; //
      12. step = step + 2;
      14. if (step <= 100) {
      15. window.setTimeout(function () { fade(step); }, 1);
      16. } else {
      17. window.setTimeout(next, 2000);
      18. }
      19. }
      21. function next() {
      22. var imgs = document.getElementById("meinFader").getElementsByTagName("img");
      24. if (typeof(counter) != "number") {
      25. counter = 0;
      26. }
      28. counter++;
      30. if (counter < imgs.length) {
      31. fade();
      32. }
      33. };
      34. </script>
      35. <div align="center"> <style type="text/css">
      36. .next { position: absolute; top: 0; left: 0; opacity: 0; filter:alpha(opacity=0); }
      37. #meinFader { position: relative; }
      38. </style>
      39. </head><body>
      40. <h1><font face="DEFUSED"><font color="#ff8c00">EOD Bilder SlideShow</font></h1>
      41. <p id="meinFader">
      42. <img src="images/1.jpg" alt="">
      43. <img src="images/2.jpg" alt="" class="next">
      44. <img src="images/3.jpg" alt="" class="next">
      45. <img src="images/4.jpg" alt="" class="next">
      46. <img src="images/5.jpg" alt="" class="next">
      47. <img src="images/6.jpg" alt="" class="next">
      48. <img src="images/7.jpg" alt="" class="next">
      49. <img src="images/8.jpg" alt="" class="next">
      50. <img src="images/9.jpg" alt="" class="next">
      51. <img src="images/10.jpg" alt="" class="next">
      53. </p>
      54. <p><a href="javascript:next()"><font face="tahoma"><div align="center"><font color="#ff8c00">Slideshow starten</a></p>
      55. </body></html></div>
      Alles anzeigen
      [/SIZE][/COLOR][/FONT]

    • Werbung zur Unterstützung des Forums ( Bitte AddBlocker deaktivieren )

    • 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.