Anzeige

simples preloadscript gesucht

simples preloadscript gesucht | PSD-Tutorials.de

Erstellt von heYYY, 07.11.2008.

  1. heYYY

    heYYY Noch nicht viel geschrieben

    Dabei seit:
    05.11.2008
    Beiträge:
    13
    Geschlecht:
    männlich
    simples preloadscript gesucht
    guten abend :)

    suche ein simples preloadscript für meine html page. hab die suchfunktion schon benutzt, jedoch nichts passendes gefunden. google weist mir auch nur lückenhafte scripte auf :/

    hat jemd ein simples script, das wenn man auf die homepage gelangt, kurz vllt ein text erscheint "webseite lädt"[muss nicht] und derweil alle bilder läd und dann weiterleitet.

    geht das denn alles mit einer index.html? oder brauch man da eine preload.html, die dann auf die index weiterleitet?

    vielen dank
    mfg
     
    #1      
  2. heYYY

    heYYY Noch nicht viel geschrieben

    Dabei seit:
    05.11.2008
    Beiträge:
    13
    Geschlecht:
    männlich
    simples preloadscript gesucht
    AW: simples preloadscript gesucht

    danke für deinen tipp!

    hab nun was brauchbares gefunden:

    HTML:
    1.  <head>
    2.  <title>Preload Image Page</title>
    3.  
    4.  <script language="JavaScript1.1">
    5.  <!-- begin hiding
    6.  
    7. /*
    8. Preload Image With Update Bar Script (By Marcin Wojtowicz [one_spook@hotmail.com])
    9. Submitted to and permission granted to Dynamicdrive.com to feature script in it's archive
    10. For full source code to this script and 100's more, visit http://dynamicdrive.com
    11. */
    12.  
    13. // You may modify the following:
    14.     var locationAfterPreload = "http://kingzzseite.ki.funpic.de/representz/index.html" // URL of the page after preload finishes
    15.     var lengthOfPreloadBar = 145 // Length of preload bar (in pixels)
    16.     var heightOfPreloadBar = 10 // Height of preload bar (in pixels)
    17.     // Put the URLs of images that you want to preload below (as many as you want)
    18.    var yourImages = new Array("Bilder/index_01.gif","Bilder/index_02.gif","Bilder/index_03.gif","Bilder/index_04.gif","Bilder/index_05.gif","Bilder/index_06.gif","Bilder/index_07.gif","Bilder/index_08.gif","Bilder/index_09.gif","Bilder/index_10.gif","Bilder/index_11.gif","Bilder/index_12.gif","Bilder/index_13.gif","Bilder/index_14.gif","Bilder/index_15.gif","Bilder/index_16.gif","Bilder/index_17.gif","Bilder/index_18.gif","Bilder/index_19.gif","Bilder/index_20.gif","Bilder/index_21.gif","Bilder/index_22.gif","Bilder/index_23.gif","Bilder/index_24.gif","Bilder/index_25.gif","Bilder/index_26.gif","Bilder/index_27.gif","Bilder/index_28.gif","Bilder/index_29.gif","Bilder/index_30.gif","Bilder/index_31.gif","Bilder/index_32.gif","Bilder/index_33.gif","Bilder/index_34.gif","Bilder/index_35.gif","Bilder/index_36.gif","Bilder/index_37.gif","Bilder/index_38.gif","Bilder/index_39.gif","Bilder/index_40.gif","Bilder/index_41.gif","Bilder/index_42.gif","Bilder/index_43.gif","Bilder/index_44.gif","Bilder/index_45.gif","Bilder/index_46.gif","Bilder/index_47.gif","Bilder/index_48.gif","Bilder/index_49.gif","Bilder/index_50.gif","Bilder/index_51.gif","Bilder/index_52.gif","Bilder/index_53.gif","Bilder/index_54.gif","Bilder/index_55.gif","Bilder/index_56.gif","Bilder/index_57.gif","Bilder/index_58.gif","Bilder/index_59.gif","Bilder/index_60.gif","Bilder/index_61.gif","Bilder/index_62.gif")
    19. // Do not modify anything beyond this point!
    20. if (document.images) {
    21.     var dots = new Array()
    22.     dots[0] = new Image(1,1)
    23.     dots[0].src = "Bilder/black.gif" // default preloadbar color (note: You can substitute it with your image, but it has to be 1x1 size)
    24.     dots[1] = new Image(1,1)
    25.     dots[1].src = "Bilder/blue.gif" // color of bar as preloading progresses (same note as above)
    26.     var preImages = new Array(),coverage = Math.floor(lengthOfPreloadBar/yourImages.length),currCount = 0
    27.     var loaded = new Array(),i,covered,timerID
    28.     var leftOverWidth = lengthOfPreloadBar%coverage
    29. }
    30. function loadImages() {
    31.     for (i = 0; i < yourImages.length; i++) {
    32.         preImages[i] = new Image()
    33.         preImages[i].src = yourImages[i]
    34.     }
    35.     for (i = 0; i < preImages.length; i++) {
    36.         loaded[i] = false
    37.     }
    38.     checkLoad()
    39. }
    40. function checkLoad() {
    41.     if (currCount == preImages.length) {
    42.         location.replace(locationAfterPreload)
    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.     }
    52.     timerID = setTimeout("checkLoad()",10)
    53. }
    54. // end hiding -->
    55.  </script>
    56.  
    57.  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
    58.  
    59.  <body background="Bilder/bg.jpg">
    60.  
    61.  <center>
    62.  <p>&nbsp;</p>
    63.  <p>&nbsp;</p>
    64.  <p>&nbsp;</p>
    65.  <p>&nbsp;</p>
    66.  <p><font color="#000000" size="1" face="Verdana, Arial, Helvetica, sans-serif">images preloading..</font></p>
    67.  <p><font color="#000000" size="1" face="Verdana, Arial, Helvetica, sans-serif">
    68.    <script language="JavaScript1.1">
    69.  <!-- begin hiding
    70. // It is recommended that you put a link to the target URL just in case if the visitor wants to skip preloading
    71. // for some reason, or his browser doesn't support JavaScript image object.
    72. if (document.images) {
    73.     var preloadBar = ''
    74.     for (i = 0; i < yourImages.length-1; i++) {
    75.         preloadBar += '<img src="' + dots[0].src + '" width="' + coverage + '" height="' + heightOfPreloadBar + '" name="img' + i + '" align="absmiddle">'
    76.     }
    77.     preloadBar += '<img src="' + dots[0].src + '" width="' + (leftOverWidth+coverage) + '" height="' + heightOfPreloadBar + '" name="img' + (yourImages.length-1) + '" align="absmiddle">'
    78.     document.write(preloadBar)
    79.     loadImages()
    80. }
    81. document.write('<p><small><a href="javascript:window.location=locationAfterPreload">skip</a></p>')
    82. // end hiding -->
    83.      </script>
    84.  </font>
    85.  </center>
    86.  
    87.  </body>
    88.  </html>
    das problem ist folgendes:)

    beim FF leitet er weiter zur index.html... beim IE leider nicht, da bleibt er am schluss stehen. hat jemd ne ahnung woran das liegen könnte?

    http://kingzzseite.ki.funpic.de/representz/preload.html
     
    #2      
x
×
×
teststefan