Возможность, чтобы div изменял непрозрачность автоматически?

Question

Для моего сайта портфолио у меня есть идея, где бы я хотел, чтобы непрозрачность всех миниатюр на главной странице автоматически увеличивалась и уменьшалась. Поэтому, когда сайт загружен, кратко отображается миниатюра 1, вскоре после того, как она снова становится пустой, и процесс продолжается с другой миниатюрой, например, миниатюрой 6 и так далее. Есть ли кто-то, кто делал это раньше или знает, как реализовать эту идею?

Большое спасибо за любые комментарии!

Answer 1

Ваши вопросы - это длинный сценарий и требуют много испытаний, но я дам вам несколько указаний.

Для задержки

    var delay=1000; //1 second

setTimeout(function() {
  //your code to be executed after 1 second
}, delay);

Это самая легкая часть внутри {}, в которую вы помещаете понравившуюся вам функцию. У Jquery есть изящный прием для таких задач

.fadeTo( duration, opacity [, complete ] )

$( "#ID").fadeTo( "медленно", 0,33);

Осталось только сделать петлю, которая проходит через все ваши большие пальцы и постепенно исчезает.

Надеюсь это поможет.