Wechselnder Hintergrund - Fehler

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

Seit 2004 hat sich viel getan, der iPod per se ist nicht mehr up-to-date, so wie dieses Forum. Um die Informationen nicht zu verlieren ist das Forum jetzt Read-Only für Gäste, Registrierungen sind aufgrund der hohen Anzahl an Spam-Accounts nichts mehr möglich. Vielen Dank für die schöne Zeit an alle aktiven Nutzer!

  • Wechselnder Hintergrund - Fehler

    Ja hallo habe gerade einen wechselnden hintergrund gemacht, in dem ich von dem theme Saurik die wallpaper.html genomen habe entsprechend bearbeitet habe den Private ordner etc. erstellt.

    Nunja es funktioniert eigentlich bis auf eines: Wenn es zum 2ten bild "rüber sliden" will kommt das für 1sec und dann kommt sofort ein anderes wieso das??

    Hier meine Wallpaper.html:

    HTML-Quellcode

    1. <?xml version="1.0" encoding="UTF-16"?>
    2. <html><head>
    3. <base href="Private/"/>
    4. <!--meta name="viewport" content="width=320, minimum-scale=1.0, maximum-scale=1.0"/-->
    5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    7. <style>
    8. body {
    9. background-color: black;
    10. margin: 0;
    11. padding: 20px 0 0 0;
    12. height: 442px;
    13. width: 320px;
    14. }
    16. img {
    17. -webkit-transition-property: opacity;
    18. -webkit-transition-duration: 2s;
    19. position: absolute;
    20. width: 320px;
    21. height: auto;
    22. }
    24. img.fade-out {
    25. opacity: 0;
    26. }
    28. img.fade-in {
    29. opacity: 1;
    30. }
    31. </style>
    32. </head><body style="color: black">
    33. <img id="one"/>
    34. <img id="seven"/>
    36. <script>
    37. var images = ['Bild1.png', 'Bild2.png', 'Bild3.png', 'Bild4.png', 'Bild5.png', 'Bild6.png', 'Bild7.png'];
    38. var index = 0;
    40. var fade_in = one;
    41. var fade_out = seven;
    43. fade_in.src = images[0];
    44. fade_out.src = images[images.length - 1];
    46. var fade = function () {
    47. fade_in.src = images[index];
    48. index = (index + 1) % images.length;
    50. fade_in.className = 'fade-out';
    51. fade_out.className = 'fade-in';
    53. var fade_tmp = fade_in;
    54. fade_in = fade_out;
    55. fade_out = fade_tmp;
    57. setTimeout(fade, 15000);
    58. };
    60. fade();
    61. </script>
    62. </body></html>
    Alles anzeigen


    Ich hoffe ihr könnt mir helfen.
    Ich bin wieder da :D

  • Probier mal folgenden Code:

    HTML-Quellcode

    1. <?xml version="1.0" encoding="UTF-16"?>
    2. <html><head>
    3. <base href="Private/"/>
    4. <!--meta name="viewport" content="width=320, minimum-scale=1.0, maximum-scale=1.0"/-->
    5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    7. <style>
    8. body {
    9. background-color: black;
    10. margin: 0;
    11. padding: 20px 0 0 0;
    12. height: 442px;
    13. width: 320px;
    14. }
    16. img {
    17. -webkit-transition-property: opacity;
    18. -webkit-transition-duration: 2s;
    19. position: absolute;
    20. width: 320px;
    21. height: auto;
    22. }
    24. img.fade-out {
    25. opacity: 0;
    26. }
    28. img.fade-in {
    29. opacity: 1;
    30. }
    31. </style>
    32. </head><body style="color: black">
    33. <img id="one"/>
    34. <img id="two"/>
    35. <img id="thre"/>
    36. <img id="four"/>
    37. <img id="five"/>
    38. <img id="six"/>
    40. <script>
    41. var images = ['Bild1.png', 'Bild2.png', 'Bild3.png', 'Bild4.png', 'Bild5.png', 'Bild6.png'];
    42. var index = 0;
    44. var fade_in = one;
    45. var fade_out = two;
    46. var fade_in = thre;
    47. var fade_out = four;
    48. var fade_in = five;
    49. var fade_out = six;
    52. fade_in.src = images[0];
    53. fade_out.src = images[images.length - 1];
    55. var fade = function () {
    56. fade_in.src = images[index];
    57. index = (index + 1) % images.length;
    59. fade_in.className = 'fade-out';
    60. fade_out.className = 'fade-in';
    62. var fade_tmp = fade_in;
    63. fade_in = fade_out;
    64. fade_out = fade_tmp;
    66. setTimeout(fade, 15000);
    67. };
    69. fade();
    70. </script>
    71. </body></html>
    Alles anzeigen


    Damit sollte e funktionieren.