SlavePit 10 Report post Posted September 21, 2015 var imgHead = [ 'header/header-1.jpg', 'header/header-2.jpg', 'header/header-3.jpg', 'header/header-4.jpg', 'header/header-5.jpg', 'header/header-6.jpg', 'header/header-7.jpg', 'header/header-8.jpg', 'header/header-9.jpg', 'header/header-10.jpg', ], i=1; function csaHead(){ if(i > (imgHead.length-1)){ $('.images-top').animate({'opacity':'0'},500,function(){ i=1; $('.images-top').css({'background':'url('+imgHead[0]+')'}); }); $('.images-top').animate({'opacity':'1'},500); } else{ $('.images-top').animate({'opacity':'0'},500,function(){ $('.images-top').css({'background':'url('+imgHead[i]+')'}); i++; }); $('.images-top').animate({'opacity':'1'},500); } } var intervalCsaHead = setInterval(csaHead,10000); Привет, нужна помощь по Jquery, есть файл header.js, запускает анимацию картинок в хидере, но не нравятся два недостатка: Первый недостаток: при заходе на страницу, хидер пустой и только спустя 10 секунд (это в настройках header.js) появляются и плавно сменятся фон хидера, помогите исправить header.js, что бы при заходе на сайт не было ожидания, а картинка в хидере появилась бы сразу и как далее положено все картинки продолжали циклично сменять друг друга. Второй недостаток: при смене картинок, плавный переход с непрозрачностью скрывает весь блок хидера, а в нём у меня, ссылки меню, блок поиска и логотип, вот хотелось бы, что при смене картинок, весь хидер не пропадал бы. По возможности напишите обновлённый код для header.js, так в Jquery вообще не разбираюсь. Quote Share this post Link to post Share on other sites
TBicTep 59 Report post Posted September 21, 2015 1. В конце добавьте csaHead(); 2. Тут нужно смотреть на живой пример, одним js не отделаешься 1 SlavePit reacted to this Quote Share this post Link to post Share on other sites
node.js 103 Report post Posted September 22, 2015 В хедере в html вставь картинку чтобы не было пустое место, будет вместо подложки выполняться. А так да, нужно пример смотреть. Создай на https://jsfiddle.net/пример если сайт не хочешь палить. 1 SlavePit reacted to this Quote Share this post Link to post Share on other sites
sansan 27 Report post Posted September 25, 2015 Нет адреса. Трабл может (вполне) быть - в "весе" картинок. Они точно не по - десятку мегабайт? А то еще и не то... не увидишь. Скрипт, очевидно, непричем. Возможны тконфликты версий. Возможны и частенько. Понавешают... черти скольку, браузер "кушать" боится. Смотреть настройки... не. Скрипт стандартный. Каждый вебмастер - сам кузнец свого скрипта, всё стало предельно просто, в последние годы (черезчур просто). Стоит сократить всё до минимума (скрипт), пошагово отключать и - смотреть. Идет обращение к "не тому" css (вторая "проблема", судя по словестному описанию). Первая... - "вес". Или... неправильно прописан url обращения к скрипту или к картинкам. Чот он "ищет-то"? И - где. Эт стоит проверить. Кстати, Гугл - подскажет. А скрипт... всего лишь скрипт. 1 SlavePit reacted to this Quote Share this post Link to post Share on other sites
SlavePit 10 Report post Posted September 25, 2015 Ну и на этом спасибо, да картинка под хидером, как раз и додумался после поста Quote Share this post Link to post Share on other sites