Solved

Preloading Images with MM_preloadImages

Posted on 2003-11-24
9
529 Views
Last Modified: 2008-03-10
Dear all,

I seem to be having a problem with preloading images - I am setting up a photo library, with thumbnails that display the full size image when you hover over the thumbnail.  I am preloading the hover images, about 30-40k each, using MM_preloadImages.  Everything works fine, until I get more than about 20 preloaded images.  What I think is happening is that it is taking longer to preload the images than it is to load the page, and so there is a delay after the page has finished loading and before the first hover over image appears.

Is there anyway I can get round this?  I had hoped it would start displaying the images before the last few had finished loading, but it doesnt seem to work.  Im sure there is an easy solution to this, but I cant think of one at the moment - hence my post!

Thanks
0
Comment
Question by:BlueEdger
  • 5
  • 4
9 Comments
 
LVL 46

Expert Comment

by:fritz_the_blank
Comment Utility
>>
I had hoped it would start displaying the images before the last few had finished loading, but it doesnt seem to work.
<<

That would go against the whole idea of preloading the images in a sense...



0
 
LVL 1

Author Comment

by:BlueEdger
Comment Utility
Yes I guess it does really!

Is there anyway I could detect when the pre-load has finished and display something to show the user could continue?  I know people are going to think the site is broken if the image does not appear straight away.
0
 
LVL 46

Expert Comment

by:fritz_the_blank
Comment Utility
Does this happen only with slow (dial-up) connections or with fast ones as well?

FtB
0
 
LVL 1

Author Comment

by:BlueEdger
Comment Utility
Its happening with fast ones as well.  So its going to be terrible on a dial up.
0
Free Trending Threat Insights Every Day

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

 
LVL 46

Expert Comment

by:fritz_the_blank
Comment Utility
That is a little strange....where do you call the preloading of images, on the onLoad() of the body?

FtB
0
 
LVL 1

Author Comment

by:BlueEdger
Comment Utility
Yes.

<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" onLoad="MM_preloadImages('image01.jpg','image02.jpg','image03.jpg','image04.jpg','image05.jpg','image06.jpg','image07.jpg','image08.jpg','image09.jpg','image10.jpg','image11.jpg','image12.jpg','image13.jpg','image14.jpg','image15.jpg','image16.jpg','image17.jpg','image18.jpg','image19.jpg','image20.jpg','image21.jpg','image22.jpg','image23.jpg','image24.jpg','image25.jpg','image26.jpg','image27.jpg','image28.jpg')">

I've only ever used preload this way.  I have seen it done via a script in the head though, although it seems very long winded.  Is there a better way to tackle this?
0
 
LVL 46

Accepted Solution

by:
fritz_the_blank earned 50 total points
Comment Utility
You might want to take a look here in case, but I guess that you are running into a wall in terms of the limits of preloading:

http://hotwired.lycos.com/webmonkey/98/29/index3a_page3.html?tw=programming


FtB
0
 
LVL 1

Author Comment

by:BlueEdger
Comment Utility
Yes, there is a lot to preload, I guess its just one of those things.

I'll just have to educate my visitors to be a bit patient!

Thanks for your help.
0
 
LVL 46

Expert Comment

by:fritz_the_blank
Comment Utility
Just one thing to think about:

Once the images get loaded, they stay in cache for the visit. You might consider using a frame or a pop up window that calls the preloading and have your regular window to display what you need right away. That way, you will get the best of both worlds.

FtB
0

Featured Post

Top 6 Sources for Identifying Threat Actor TTPs

Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).

Join & Write a Comment

In Part 1 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7849-Hex-Maze.html) we covered the hexagonal maze basics -- how the cells are represented in a JavaScript array and how the maze is displayed.  In this part, we'…
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

728 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now