Jump to content

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

 

 

Link to post
Share on other sites

Есть вопрос? Задай его профессиональным веб-мастерам, SEO и другим специалистам!

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

Link to post
Share on other sites

Нет адреса.

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

 

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

 

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

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

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

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

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.

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...