Sign in to follow this  
Followers 0
SlavePit

Помогите с Jquery

5 posts in this topic

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

1. В конце добавьте csaHead();

2. Тут нужно смотреть на живой пример, одним js не отделаешься

SlavePit likes this

Share this post


Link to post
Share on other sites

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

SlavePit likes this

Share this post


Link to post
Share on other sites

Нет адреса.

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

 

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

 

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

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

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

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

SlavePit likes this

Share this post


Link to post
Share on other sites

Ну и на этом спасибо, да картинка под хидером, как раз и додумался после поста

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.