Preloader 4 html?


  • @dminJ4
  • 1913 Aufrufe 6 Antworten

  • Preloader 4 html?

    hi @ll, gibs nen preloader der ne ganze hltm seite vorläd, inkl den beinhalteten bildern? und gibs nen preloader der ein videovorläd und dann gleich abspielt?
    grüße @dminJ4

    wäre suppy wenn ihr hier ein js script oder ähnliches hättet und posten könnt

  • also zum vorladen von grafiken hätte ich dir was. (und die machen ja eigentlich auch die größte datenmenge einer hp aus)

    die dateien "gray.gif" und "blue.gif" kannst mit paint erstellen.
    Einfach ne neue grafik mit 1x1 Pixel erstellen und diesen grau/blau bzw. nach eigenem belieben färben und abspeichern (diese farben wird der ladebalken haben)

    vielleicht hilft's dir ja weiter:


    HTML-Quellcode

    1. <html>
    3. <head>
    5. <title>Vorladen</title>
    7. <script language="JavaScript">
    8. <!--
    10. var lengthOfPreloadBar = 380
    11. var heightOfPreloadBar = 25
    12. var yourImages = new Array("bild1.jpg", "bild2.jpg", "bild3.jpg") // <-- hier die zu bilder einfügen die geladen werden sollen
    14. if (document.images) {
    15. var dots = new Array()
    16. dots[0] = new Image(1,1)
    17. dots[0].src = "gray.gif"
    18. dots[1] = new Image(1,1)
    19. dots[1].src = "blue.gif"
    20. var preImages = new Array(),coverage = Math.floor(lengthOfPreloadBar/yourImages.length),currCount = 0
    21. var loaded = new Array(),i,covered,timerID
    22. var leftOverWidth = lengthOfPreloadBar%coverage
    23. }
    25. function fullwin() {
    26. location.href="index2.html"; // <-- hierhin wird man weitergeleitet nachdem die bilder geladen wurden
    27. }
    29. function loadImages() {
    30. for (i = 0; i < yourImages.length; i++) {
    31. preImages[i] = new Image()
    32. preImages[i].src = yourImages[i]
    33. }
    34. for (i = 0; i < preImages.length; i++) {
    35. loaded[i] = false
    36. }
    37. checkLoad()
    38. }
    40. function checkLoad() {
    41. if (currCount == preImages.length) {
    42. setTimeout("fullwin()",2000)
    43. return
    44. }
    45. for (i = 0; i <= preImages.length; i++) {
    46. if (loaded[i] == false && preImages[i].complete) {
    47. loaded[i] = true
    48. eval("document.img" + currCount + ".src=dots[1].src")
    49. currCount++
    50. }
    51. }
    53. timerID = setTimeout("checkLoad()",10)
    54. }
    55. //-->
    56. </script>
    58. <body bgcolor="#000000">
    59. <br><br>
    60. <p align="center"><font face="Verdana" size="-1" color="#ffffff">Grafiken werden geladen...</font></p>
    61. <p align="center">
    62. <script language="JavaScript">
    63. <!--
    64. if (document.images) {
    65. var preloadBar = ''
    66. for (i = 0; i < yourImages.length-1; i++) {
    67. preloadBar += '<img src="' + dots[0].src + '" width="' + coverage + '" height="' + heightOfPreloadBar + '" name="img' + i + '" align="absmiddle">'
    68. }
    69. preloadBar += '<img src="' + dots[0].src + '" width="' + (leftOverWidth+coverage) + '" height="' + heightOfPreloadBar + '" name="img' + (yourImages.length-1) + '" align="absmiddle">'
    70. document.write(preloadBar)
    71. loadImages()
    72. }
    73. document.write('</p><p align="center"><small><a href="index2.htm"><font face="Verdana" size="-2" color="#ffffff">Vorladen überspringen</font></a></small></p>')
    74. //-->
    75. </script>
    76. </p>
    77. </body>
    79. </html>
    Alles anzeigen

  • ja, sorry das ich lange nicht geschrieben habe, war weg. danke erstma für deinen post, allerdings habe ich immernoch nicht raus, wie man eine seite komplett laden kann. folgendes problem. die bilder der seite machen es nicht aus, aber der quelltext ist größer, da wir ma was spezielles programmiert haben, bezieht sich auf die tabellen. da sind etlich tausende tabellen drin. und dadurch wird es bei modem oder isdn einen mom dauern. dass will ich gern vermeiden, damit das "erspart" bleibt.
    grüße @dminJ4

  • achso... hmm, das ist ne gute Frage - wüsste ich jetz auf anhieb auch keine Möglichkeit.
    Ist es nicht möglich, es irgendwie so zu lösen, dass man das ganze einfach "aufteilt"?
    z.B. eine sehr lange Tabelle in mehrere Seiten aufteilen - wie im forum die threads.

    ansonsten - ich halte mal die Augen offen ;)


    gruss
    Danyo