infogws
asked on
background image smoother transition
Hello,
I have an issue with some images on a website i am developing for a hotel, but when i finished the trial version of the home page i noticed that the background changing was really bad. The images are supposed to change every 3 seconds or so, and the transition is supposed to be very smooth, but when i see the page on Firefox 3.6, Firefox 4.0, IE8 or IE9, the transition for some reason y quite slow and rough.
What i need is the appropiate coding so that the images have a smooth transition on the firefox, opera, safari and IE7 and above.
http://www.grandmare.com/demo/public/
Any ideas?....Thanks a lot
I have an issue with some images on a website i am developing for a hotel, but when i finished the trial version of the home page i noticed that the background changing was really bad. The images are supposed to change every 3 seconds or so, and the transition is supposed to be very smooth, but when i see the page on Firefox 3.6, Firefox 4.0, IE8 or IE9, the transition for some reason y quite slow and rough.
What i need is the appropiate coding so that the images have a smooth transition on the firefox, opera, safari and IE7 and above.
http://www.grandmare.com/demo/public/
Any ideas?....Thanks a lot
on chrome, it looks very smooth, IE looks not as smooth as chrome, though thats got nothing to do with the JavaScript and more to do with the Browser itself.
it is not good on my browser :) sorry... every 3 seconds page is requesting an image from server...
if my connection is slow, then I will wait 10-20 maybe minutes for the image change, you should find something else... precache method for example...
if my connection is slow, then I will wait 10-20 maybe minutes for the image change, you should find something else... precache method for example...
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Hi, thanks for the answer, i tried the code that you provided and it was the same. Im sending you an screenshot i took of the website on my laptop, where you can clearly see the trouble of the image changing.
The same happens with IE9, but you have to consider that the internet conection in my office is no as fast as it should be. I entered the website from my home and noticed that the issue did not happend, and i have Firefox 4 and IE9 too.
What i need now is a code that optimizes the image changing....or maybe some other solution. Thanks
Firefox-4.jpg
The same happens with IE9, but you have to consider that the internet conection in my office is no as fast as it should be. I entered the website from my home and noticed that the issue did not happend, and i have Firefox 4 and IE9 too.
What i need now is a code that optimizes the image changing....or maybe some other solution. Thanks
Firefox-4.jpg
use flash :) put 8 images inside and transition effect, then there wont be any issues like that...