SlavePit

Помогите с Jquery

5 сообщений в этой теме

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

 

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

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

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

SlavePit понравилось это

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

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

SlavePit понравилось это

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Нет адреса.

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

 

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

 

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

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

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

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

SlavePit понравилось это

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!


Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.


Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу