Step Carousel v1.8 Pagination Problems

[empowermobility]

1) Script Title: Step Carousel v1.8
2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm

Hi all -

We are seeing an odd pagination issue when our website is loaded onto our hosting server. The issue only appears to happen on IE7, but I am not so sure if that's really true or not. It does not appear when launched locally either ... very odd.

Basically, its constantly loading the pagination opencircle, closedcircle and grayed circle images. FWIW, your page does not do this, but ours does. We are not using AJAX - simply inline mode to animate some screenshots of our apps.

You can check out the link to our failing demo website online here:

Page with Pagination Issue (http://www.EmpowerMobility.com/2010/index.html)

You can check out the link to our successful demo website online here:

Page withOUT Pagination Issue (http://www.EmpowerMobility.com/2010/index2.html)

This has all the makings of a timing issue ... and we do use onload and onunload events (legacy javascript for now).

Any help would be tremendous.

- Tom @ eM

[ddadmin]

Hmm does the problem occur in IE8 as well, or just IE7? If the later, I'll have to fire up an older computer to test it out.

[empowermobility]

Thanks for the reply.

Whoops ... typo, that should read IE8. Let me know if I ought to provide more information.

- Tom @ eM

[jscheuer1]

This is probably due to one or more non-standard and/or questionable practices used in the HTML and/or javascript code on the page. I can't find the specific one or ones though, if I do I will get back to you.

However, your assessment is essentially correct. IE is trying to load the:


<img src="./images/web_opencircle.png" dat . . .

image and not being very successful at it. If you preload the image, it should be fine, in fact solved the problem here:


. . . me="verify-v1" content="lfGK9ohBpv4bFU/+gz585u8zaqGhuH9mrS+WFfJ0xls=" />
<meta http-equiv="content-Type" content="text/head; charset=ISO-8859-1">
<meta http-equiv="imagetoolbar" content="no">
<script type="text/javascript">
(function(){
var im = new Image();
im.src = './images/web_opencircle.png';
})();
</script>
<script type="text/javascript" src="./js/jquery.min.js"></script>

<script type="text/javascript" src="./js/stepcarousel.js">
<!--
/***********************************************
* Step Carousel View . . .

Added Later:

I believe this is the old IE bug of "I can't load an image if I'm busy loading it". A Bug I first heard of here:

http://www.quirksmode.org/blog/archives/2005/09/xmlhttp_notes_r_1.html


. . . Every once in a while, especially on slow connections, Explorer Windows refuses to show the images . . . , because (I guess) it's still busy loading them from the server — or something.