Slideshow Onload Issue

JavaScript
1

Hey All!

I built a slideshow using jQuery Elixon Theatre and am having trouble with how it initializes across different browsers. For example, the images might zoom in and freeze momentarily in Chrome as it initializes or load over-sized and disproportionately in Safari but corrects itself after a few seconds. Is there any way to have it load and initialize properly across different browsers?

Thanks, Sean

2

Do you have a link to your page so we could take a look at it?

Cheers

3

I do!

Thanks Michael

4

Did that link work for you?

Sean

5

Hi,
Don’t hold me to this but try encompassing your javascript call in the following

$(document).ready( function(){
 // Javascript stuff here...
});

This would stop the jquery actioning before the page is fully loaded.

Let me know if it helps.

6

If you move the script to just before the </body> tag (which is where JavaScript belongs so that it doesn’t slow the loading of the page) then you may be able to get rid of the code that tests if the page has loaded because at that point you know it already has.

7

It is just before the closing body tag isn’t it?

8

Well if it is there then why are you worrying about onload or ready. Just run the code straight away as tat that point the page has already loaded.

9

Well adding the check appeared to fix the issue. But the OP hasn’t tried it out yet.

10

I just moved it all down there but it doesn’t seem to be getting rid of the zoom and other onload issues. Thanks felgall for the pointer though!