How to optimize image loading in carousel?

C

CatherineGauss2014-09-04 08:16:42

1C-Bitrix

CatherineGauss, 2014-09-04 08:16:42

There is a slider on the main page, which includes 30 pictures. It is clear that all this takes a very long time to load. Site on Bitrix. How to make images load by 3, and then load when scrolling?

Reply

Answer the question

In order to leave comments, you need to log in

2 answer(s)

M

Maksim Zverev, 2014-09-04
@CatherineGauss

Use a slider where there is support for gradual loading, let's say the wow slider has a similar option, the link is a slider for 100 photos.
There are probably others, you just have to look.
Or add your own wrapper :)
For example www.anthonymclin.com/demand-image-loading-jquery#....

A

Alexander Taratin, 2014-09-04
@Taraflex

Just use progressive jpeg and don't break your brain in vain.
But if you really want to, then do not add pictures to the DOM right away. The specific implementation will depend on your slider.