Hello friends,
I have runing a site, i am using JavaScript slideshow with huge images, it's take near 9 second to be load, what i will do so it will load quickly without removing images.

Hello friends,
I have runing a site, i am using JavaScript slideshow with huge images, it's take near 9 second to be load, what i will do so it will load quickly without removing images.

Not a lot of detail in your question to be able to give a good answer.

The short answer is to use smaller images. I've seen some guys use way oversized images, then resize them in the CSS. The problem is that the whole image has to load before it gets re-sized. Start the smallest size posible. I think that you might want to experiment with ouputing the images in different formats to see which one yields the least byte count.
Gif and png are good in that respect.

Otherwise you will have to put up a banner for the visitor that says:
Best viewed with bandwidth of 10 meg/sec or greater. LOL

Have you though about using something else besides javascript for the slideshow, maybe jquery?

Member Avatar for diafol

jquery is js.

Echo optimizing images. Because your displaying on screen, not on print, res doesn't have to be ridiculous. Gif will give you the smallest size as a rule. However they're not particularly good for photos. The size of the images isn't that important - it's the level of detail/file size.

jquery is js.

Echo optimizing images. Because your displaying on screen, not on print, res doesn't have to be ridiculous. Gif will give you the smallest size as a rule. However they're not particularly good for photos. The size of the images isn't that important - it's the level of detail/file size.

Ok, maybe I should have been more specific. Something more optimized than plain javascript?

Hi,

I think that use of high images in javascript slideshow is slowing the downloading of the site. I recommened you to search for some other alternatives.

If you have access to Photoshop there is a neat little tool that does all the optimizing for you. Open an image in Photoshop, click File and Save for Web and Devices. This will give you four different options of sizes and quality based on your criteria, and will dramatically increase load time. I use this method every time and it's never failed.

If you don't want to optimize your images, I suggest pre-loading them.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.