IE6 hover lag
Menu works well in IE6 except for a one second lag on hover. I am using background images. What is the workaround for this lag?
Menu works well in IE6 except for a one second lag on hover. I am using background images. What is the workaround for this lag?
You can preload the images so that they do not need to be loaded when you mouseover the menu items. You can do this using javascript. Here is a page that has instructions on how to preload:
3480001
There is more than one way to accomplish this.
Jimmy,
How would you preload images from a recordset?
I have repeating records from a recordset that include images. When you mouseover, they popup larger versions. It lags because the images shown in the repeat regions are thumbnails created by DFP. The popup works fine and shows the larger version but since they are not cached, it lags. So the preloading would have to be done dynamically.
I tried using Dreamweaver's preload images by selecting the body tag. And selected the datasource for the images. I included the direct path to the image folder as well but this didn't work.
Any thoughts?
Thanks,
TroyD
I'm not sure how you would preload images from a recordset. I assume it would be much the same as if you were preloading just one image, but you would have to get the information from the recordset and create the different images dynamically in a repeating region. There may be some other users on the forum that have more experience in this region that can help you.
Jimmy,
Actually, I think I might have figured out a way to do this. Not sure if it's the best way but I know it's working very well for me.
Here's what I did and please tell me if you see any ways this could be improved.
First, I have my Digital File Pro set to create two versions of the uploaded image. By default it adds the _thumb to the [FileName]. But I removed that and simply had it upload both a 800 pixel wide filename.jpg and a 150 pixel wide filename.jpg. But the smaller one is uploaded to /images/thumbs/. So it only requires one column in the table since this column only includes the filename and not the path.
Then, in my repeat region table, I have the thumbnail image placeholder dynamically linked to the smaller image using the /images/thumbs/ as the source path.
Within my popup code, I only reference the larger image by the same filename and record set column name but with /images/ as the source path.
That was all working fine but I needed something to call the larger images to be preloaded in the background. So I used the Dreamweaver behavior "Preload Images" and first selected the thumbnail to generate all the code and links.
Finally I removed the /thumbs/ part from the path for just the preload call. So the page shows the thumbnails and loads fast. But the DW code thinks it's loading the same image but it's coming from the /images/ folder.
This is what it looks like on the thumbnail minus the popup code. And minus the DW script at in the head of the page.
<img src="/images/thumbs/<?php echo $row_rsMyrecords['image1']; ?>"
alt="image1" name="image1" width="150" height="149" border="0"
id="image1"
onload="MM_preloadImages('/imgages/<?php echo $row_rsMyrecords['image1']; ?>')" />
Thanks,
TroyD
That sounds like a good way to go to get the preloading working. I don't see anything wrong with the way you've implemented that.
Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.
These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.