Results 1 to 10 of 10
Threaded View
-
8th Sep 2009, 09:32 PM #6Probation
So... something like this.
Javascript:
Code:<script language="JavaScript1.2"> startingColor = new Array() // <-- Do not modify! endingColor = new Array() // <-- Do not modify! // YOU MAY MODIFY THE FOLLOWING: var yourImages = new Array ( "top.gif", "p.gif", "navi.gif", "back.jpg", "navi1.gif", "naviad.gif", "navilinkus.gif", "navipartners.gif", "navilinkus.gif", "news_title.gif", "news_bottom.gif", "navidownload.gif", "navi_mitte2.gif", "navi2.gif", "navilinkex.gif", "navipoll.gif", "naviad2.gif", "staffadmin.gif", "naviserver.gif", "navicounter.gif", "bottom.gif", "usawarez.gif" ) // Fill this array with the images you wish to preload var locationAfterPreload = "http://usawarez.com" // The script will redirect here when the preloading finishes *successfully* var preloadbarWidth = 250 // The length of the preload bar. Should be greater than total amount of images you want to preload! var preloadbarHeight = 12 // The height of the gradient/preload bar var backgroundOfGradient = "#bbbbbb" // Default color while the preload bar is "filling up" // Color the preloadbar is starting with - enter 1st, 3rd and 5th numbers/letters of color code startingColor[0] = "4" startingColor[1] = "4" startingColor[2] = "7" // Color the preloadbar is going to end up with - enter the 1st, 3rd and 5th numbers/letters of color code endingColor[0] = "4" endingColor[1] = "5" endingColor[2] = "5" // FOR TROUBLESHOOTING: var gap = 7 // PLAY AROUND WITH THIS SETTING IF YOU GET A JAVASCRIPT ERROR!!! 2 is the minumum value!!! // DO NOT MODIFY ANYTHING BEYOND THIS POINT!!! if (!document.all) location.replace(locationAfterPreload) var a = 10, b = 11, c = 12, d = 13, e = 14, f=15, i, j, ones = new Array(), sixteens = new Array(), diff = new Array(); var convert = new Array("0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"), imgLen = yourImages.length; var loaded = new Array(), preImages = new Array(), currCount = 0, pending = 0, h = 0, hilite = new Array(), cover = new Array(); var num = Math.floor(preloadbarWidth/gap); for (i = 0; i < 3; i++) { startingColor[i] = startingColor[i].toLowerCase(); endingColor[i] = endingColor[i].toLowerCase(); startingColor[i] = eval(startingColor[i]); endingColor[i] = eval(endingColor[i]); diff[i] = (endingColor[i]-startingColor[i])/num; ones[i] = Math.floor(diff[i]); sixteens[i] = Math.round((diff[i] - ones[i])*15); } endingColor[0] = 0; endingColor[1] = 0; endingColor[2] = 0; i = 0, j = 0; while (i <= num) { hilite[i] = "#"; while (j < 3) { hilite[i] += convert[startingColor[j]]; hilite[i] += convert[endingColor[j]]; startingColor[j] += ones[j]; endingColor[j] += sixteens[j]; if (endingColor[j] > 15) { endingColor[j] -= 15; startingColor[j]++; } j++; } j = 0; i++; } function loadImages() { for (i = 0; i < imgLen; i++) { preImages[i] = new Image(); preImages[i].src = yourImages[i]; loaded[i] = 0; cover[i] = Math.floor(num/imgLen)*(i+1) } cover[cover.length-1] += num%imgLen checkLoad(); } function checkLoad() { if (pending) { changeto(); return } if (currCount == imgLen) { location.replace(locationAfterPreload); return } for (i = 0; i < imgLen; i++) { if (!loaded[i] && preImages[i].complete) { loaded[i] = 1; pending++; currCount++; checkLoad(); return; } } setTimeout("checkLoad()",10); } function changeto() { if (h+1 > cover[currCount-1]) { var percent = Math.round(100/imgLen)*currCount; if (percent > 100) while (percent != 100) percent--; if (currCount == imgLen && percent < 100) percent = 100; defaultStatus = "Loaded " + currCount + " out of " + imgLen + " images [" + percent + "%]."; pending--; checkLoad(); return; } eval("document.all.cell" + (h+1) + ".style.backgroundColor = hilite[h]");; h++; setTimeout("changeto()",1); } defaultStatus = "Loaded 0 out of " + imgLen + " images [0%]." // end hiding --> </script> <center> <script language="JavaScript1.2"> <!-- beging hiding document.write('<table border="1" bordercolor="#000000" cellpadding="0" cellspacing="0" width="' + preloadbarWidth + '"><tr height="' + preloadbarHeight + '" bgcolor="' + backgroundOfGradient + '">'); for (i = 0; i < num; i++) { document.write('<td bordercolorlight="000000" bordercolordark="000000" width="' + gap + '" id="cell' + (i+1) + '"></td>'); } document.write('</tr></table>'); document.write('<p>') loadImages(); // end hiding --> </script> <em>Preloading images for maximum quality, please wait...</em></center>
Code:<html> <head> <title>Preload Image Page</title> <script language="JavaScript1.1"> // You may modify the following: var locationAfterPreload = "yoururlhere.html" // URL of the page after preload finishes var lengthOfPreloadBar = 150 // Length of preload bar (in pixels) var heightOfPreloadBar = 15 // Height of preload bar (in pixels) // Put the URLs of images that you want to preload below (as many as you want) var yourImages = new Array("yoururlhere.swf") // Do not modify anything beyond this point! if (document.images) { var dots = new Array() dots[0] = new Image(1,1) dots[0].src = "black.gif" // default preloadbar color (note: You can substitute it with your image, but it has to be 1x1 size) dots[1] = new Image(1,1) dots[1].src = "yellow.gif" // color of bar as preloading progresses (same note as above) var preImages = new Array(),coverage = Math.floor(lengthOfPreloadBar/yourImages.length),currCount = 0 var loaded = new Array(),i,covered,timerID var leftOverWidth = lengthOfPreloadBar%coverage } function loadImages() { for (i = 0; i < yourImages.length; i++) { preImages[i] = new Image() preImages[i].src = yourImages[i] } for (i = 0; i < preImages.length; i++) { loaded[i] = false } checkLoad() } function checkLoad() { if (currCount == preImages.length) { location.replace(locationAfterPreload) return } for (i = 0; i <= preImages.length; i++) { if (loaded[i] == false && preImages[i].complete) { loaded[i] = true eval("document.img" + currCount + ".src=dots[1].src") currCount++ } } timerID = setTimeout("checkLoad()",10) } // end hiding --> </script> </head> <BODY ="(MB=(DefaultMasterBorder, 0, 117, 0, 33), L=(websiteloadingLayout, 697, 438))" BGCOLOR="#000000" BACKGROUND="../assets/images/Untitled-2.jpg" TEXT="#FFFFFF" LINK="#0033CC" VLINK="#990099" ALINK="#FF0000" TOPMARGIN=0 LEFTMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0> <center> <font size="4">Please be patient while some images<br> are being preloaded...</font><p> 0% <script language="JavaScript1.1"> <!-- begin hiding // It is recommended that you put a link to the target URL just in case if the visitor wants to skip preloading // for some reason, or his browser doesn't support JavaScript image object. if (document.images) { var preloadBar = '' for (i = 0; i < yourImages.length-1; i++) { preloadBar += '<img src="' + dots[0].src + '" width="' + coverage + '" height="' + heightOfPreloadBar + '" name="img' + i + '" align="absmiddle">' } preloadBar += '<img src="' + dots[0].src + '" width="' + (leftOverWidth+coverage) + '" height="' + heightOfPreloadBar + '" name="img' + (yourImages.length-1) + '" align="absmiddle">' document.write(preloadBar) loadImages() } document.write('<p><small><a href="javascript:window.location=locationAfterPrel oad">Skip Preloading</a></small></p>') // end hiding --> </script> </center> </body> </html>
Thread Information
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)
Similar Threads
-
100tb.com not loading
By CyberHacK in forum General DiscussionReplies: 15Last Post: 19th Feb 2011, 04:45 PM -
Loading Problem
By mrrinmoy in forum Technical Help Desk SupportReplies: 4Last Post: 1st Jan 2011, 04:02 AM -
Keeps Loading
By World Life in forum Technical Help Desk SupportReplies: 10Last Post: 24th Apr 2010, 03:19 PM -
loading
By bmoeller in forum General DiscussionReplies: 8Last Post: 23rd Mar 2010, 05:21 AM -
CSS not loading
By Prince in forum IP.BoardReplies: 1Last Post: 19th Oct 2009, 05:49 PM
themaCreator - create posts from...
Version 3.48 released. Open older version (or...