Перейти к содержимому

Реферальная программа Мегаплана

Партнерская программа Kredov

Не получается настроить слайдер!

#1 hnerd

hnerd
  • Пользователь
  • 284 сообщений
  • Репутация: 18
0

Отправлено 31 Октябрь 2014 - 01:46

Здравствуйте! Экспериментировала с 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

#2 moving

moving
  • Пользователь
  • 420 сообщений
  • Репутация: 27

Отправлено 31 Октябрь 2014 - 10:48

Вот вариант реализации слайдера http://for-net.ru/view_post.php?id=78 может поможет...


  • 1

#3 Ixman

Ixman
  • Пользователь PRO
  • 2 159 сообщений
  • Репутация: 432

Отправлено 31 Октябрь 2014 - 11:04

hnerd, по моему шикарный вариант http://www.skitter-slider.net/ легко устанавливается и множество плюшек с не самым большим весом


  • 1

#4 Info-Mans

Info-Mans
  • Пользователь
  • 1 174 сообщений
  • Репутация: 111

Отправлено 31 Октябрь 2014 - 11:32

Посмотрите еще вот тут, их тут 101. Может что подберете

http://kotweb.ru/for...o-shikarno.html


  • 1

»»» Начни изменять свою жизнь с внешнего вида «««
        Буду рад вашим комментариям на блоге!



#5 hnerd

hnerd
    Topic Starter
  • Пользователь
  • 284 сообщений
  • Репутация: 18

Отправлено 01 Ноябрь 2014 - 17:15

Ixman, Info-Mans, Спасибо!


  • 0

#6 Info-Mans

Info-Mans
  • Пользователь
  • 1 174 сообщений
  • Репутация: 111

Отправлено 01 Ноябрь 2014 - 20:28

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


  • 0

»»» Начни изменять свою жизнь с внешнего вида «««
        Буду рад вашим комментариям на блоге!




Оформление форума – IPBSkins.ru