Sign in to follow this  
Followers 0
Шутник

Прелоадер для слайдера с товарами

2 posts in this topic

Всем доброго вечера, нужна маленькая помощь или подсказка )

Есть слайдер с товаром, посоветуйте как правильно там прописать прелоадер на CSS3 без скриптов, может есть готовые решения?

 

Share this post


Link to post
Share on other sites

1 вариант: c js, но скрипт очень простой - https://niklausgerber.com/blog/preloadme-a-lightweight-jquery-website-preloader/. По аналогии можно настроить только на область слайдера.

2 вариант: использовать такую фичу css, как Multiple Backgrounds. Т.е. например сделать лёгкую картинку low.png, которая загрузится быстро. А тяжелая картинка main.png, когда загрузится, сама перекроет low.png.

.some-div{
...
    background: url(/images/low.png) no-repeat;
    background: url(/images/main.png) no-repeat;
...
}

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.