Jump to content
Sign in to follow this  
SlavePit

Помогите с Jquery

Recommended Posts

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 вообще не разбираюсь.

 

 

Share this post


Link to post
Share on other sites

В хедере в html вставь картинку чтобы не было пустое место, будет вместо подложки выполняться. А так да, нужно пример смотреть. Создай на https://jsfiddle.net/пример если сайт не хочешь палить.

Share this post


Link to post
Share on other sites

Нет адреса.

Трабл может (вполне) быть - в "весе" картинок. Они точно не по - десятку мегабайт? А то еще и не то... не увидишь.

 

Скрипт, очевидно, непричем. Возможны тконфликты версий. Возможны и частенько. Понавешают... черти скольку, браузер "кушать" боится.

 

Смотреть настройки... не. Скрипт стандартный. Каждый вебмастер - сам кузнец свого скрипта, всё стало предельно просто, в последние годы (черезчур просто).

Стоит сократить всё до минимума (скрипт), пошагово отключать и - смотреть. Идет обращение к "не тому" css (вторая "проблема", судя по словестному описанию).

Первая... - "вес". Или... неправильно прописан url обращения к скрипту или к картинкам. Чот он "ищет-то"? И - где. Эт стоит проверить. Кстати, Гугл - подскажет.

А скрипт... всего лишь скрипт.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...