The order your site loads images in

Hi, does anyone know how you could make it so you site loads certain images first?

Put them first in the code. This is usually not easy to do since it may
also affect your layout.

This question is often asked when referring to graphically heavy pages. How
many graphics do you have and what is the total weight of your page?

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
ANSWERS
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"DreamWvrWannabe" <webforumsuser (AT) macromedia (DOT) com> wrote

Hi, does anyone know how you could make it so you site loads certain
images first?

I would put them in at the top like murry said, but I would make them 1px by 1px so they don't show.

HTH,
Jake

Well, the page initially loads about 31k of images, which I think is
reasonable, there are a few different mouse over events, check out this link
http://www.allpriser.net/allpriser when you put your cursor over the first
two menu items it brings up other images on the right, when you put your cursor
over those images it brings up a few more images. For example the menu item
(Winpriser Price Guides) in total would load about 149 k of images, but thats
all together, initially it only brings up the first four images and then when
you mouseOver those it brings up the bigger ones. Any suggestions, or are
these images small enough that it shouldn't be a problem?

Also, I found this code on the web to preload images, what do you think?

<SCRIPT LANGUAGE="JavaScript">
<!-- hide from none JavaScript Browsers

Image1= new Image(175,50)
Image1.src = "image1.gif"

Image2 = new Image(25,30)
Image2.src = "image2.gif"

Image3 = new Image(125,80)
Image3.src = "image3.gif"

// End Hiding -->
</SCRIPT>

The example above is pre-loading three images I have named image1.gif,
image2.gif, and image3.gif. The format is not new to you if you've ever tried
to install almost any Image Flip JavaScript. Most of them use this method to
pre-load the image that will be "flipped-to".
Let's take a look at the format:


Image1=new Image is JavaScript that names an image that is to be captured.
(175,50) is the width and then height of the image to be cached.
Image1.src= is JavaScript for the location (source) of the image to be cached.
image1.gif is the actual name of the image.

Put them first in the code. This is usually not easy to do since it may
also affect your layout.

That doesn't necessarily affect the load order. That is simply the 'request'
order...which may or may not be the same order that they actually make it
back to the browser and are fully rendered.

-Darrel

True indeed.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
ANSWERS
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"darrel" <notreal (AT) hotmail (DOT) com> wrote

Put them first in the code. This is usually not easy to do since it may
also affect your layout.

That doesn't necessarily affect the load order. That is simply the
'request'
order...which may or may not be the same order that they actually make it
back to the browser and are fully rendered.

-Darrel

Also, I found this code on the web to preload images, what do you think?

I think preloading images for the most part is a waste of time. Make sure
you have content on the page that loads reasonably fast so people have
something to look at, compress your images as best you can, and leave it at
that. All IMHO, of course ;o)

On your site, there is no real reason to make all those links images with
rollovers. Use text and style them with CSS. Use CSS for any hover/rollover
effects.

Finally, your site is confusing. Those links should just link to new pages,
not create this gigantic rollover. It's also inaccessible in my browser if I
try to use the keyboard to navigate. Also, all your text is in images. Why?

(I hope that didn't sound harsh...just trying to get you to think a bit
deeper for a solution to your problem.)

-Darrel

Not harsh at all, Thanks for your input.

p.s. there's a reason why my nick is DreamWvrWannab

Also, the reason I've been building the site like that is because our customers
are all plumbers, so they don't like to read much, thats why theres so many
images and you can get a good idea of the product on the first page.