X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Не получается настроить слайдер!
hnerd
hnerd
Topic Starter сообщение 31.10.2014, 2:46; Ответить: hnerd
Сообщение #1


Здравствуйте! Экспериментировала с js, хотела сделать слайдер без jqueryui и плагинов. Есть 3 документа: index.html script.js и jquery.js, и вот коды(вроде слайдер работает, но не нормально, первое изображение тупит, исчезает без эффекта, плюс потом еще после него пару секунд вообще ничеего не появляется, и так же он появляется не сразу, перед его появлением - пустота)

script.js:

$(document).ready(function(){
var mw = new MenuWork();
function slide(){
photos = setInterval(mw.slider, 5000);
}
slide();
});

function MenuWork()
{
this.i = 0;
var that = this;

this.slider = function(){
if(that.i == 7){
that.i = -1;
$("#flesh7").css({'display' : 'none'});
}
var k = that.i + 1;
var cont = "#flesh"+that.i;
var cot = "#flesh"+k;
$(cont).fadeOut(1000, function(){$(cont).css({'display' : 'none'});});
$(cot).fadeIn(1000, function(){$(cot).css({'display' : 'block'});});
that.i++;
}
}


index.html:

(сначала подключение скриптов....)

<div id="flesh">
<img src="images/flesh0.jpg" id="flesh0" style="display:block;" />
<img src="images/flesh1.jpg" id="flesh1" style="display:none;" />
<img src="images/flesh2.jpg" id="flesh2" style="display:none;" />
<img src="images/flesh3.jpg" id="flesh3" style="display:none;" />
<img src="images/flesh4.jpg" id="flesh4" style="display:none;" />
<img src="images/flesh5.jpg" id="flesh5" style="display:none;" />
<img src="images/flesh6.jpg" id="flesh6" style="display:none;" />
<img src="images/flesh7.jpg" id="flesh7" style="display:none;" />
</div>

0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
moving
moving
сообщение 31.10.2014, 11:48; Ответить: moving
Сообщение #2


Вот вариант реализации слайдера http://for-net.ru/view_post.php?id=78 может поможет...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ixman
ixman
сообщение 31.10.2014, 12:04; Ответить: ixman
Сообщение #3


[member=hnerd], по моему шикарный вариант http://www.skitter-slider.net/ легко устанавливается и множество плюшек с не самым большим весом
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Info-Mans
Info-Mans
сообщение 31.10.2014, 12:32; Ответить: Info-Mans
Сообщение #4


Посмотрите еще вот тут, их тут 101. Может что подберете
http://kotweb.ru/for_web_developers/must_h...o-shikarno.html
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
hnerd
hnerd
Topic Starter сообщение 1.11.2014, 18:15; Ответить: hnerd
Сообщение #5


Ixman, Info-Mans, Спасибо!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Info-Mans
Info-Mans
сообщение 1.11.2014, 21:28; Ответить: Info-Mans
Сообщение #6


[member=hnerd], Надеюсь вы подобрали, то что вам необходимо) 


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Не получается оплатить YouTube Premium (для Турции и Аргентины по VPN YouTube Premium недоступна)
3 rownong27 444 20.3.2024, 21:39
автор: MisterBit
Открытая тема (нет новых ответов) Как настроить в WordPress для SEO оптимизации
8 rownong27 2431 2.3.2024, 12:59
автор: toplinks
Открытая тема (нет новых ответов) Установить и настроить сайт на DLE
нужен определенный шаблон
3 Reactive 2287 19.6.2020, 11:10
автор: Reactive
Открытая тема (нет новых ответов) Настроить тему для ВП AdForest
2 Viktor0102 1895 10.2.2020, 2:44
автор: DalnyVostok
Открытая тема (нет новых ответов) Достать слайдер с сайта
3 tsa 1617 31.1.2020, 17:20
автор: gruz333


 



RSS Текстовая версия Сейчас: 29.3.2024, 12:14
Дизайн