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


Пользователь месяца
TimurR TimurR 1-й за Август
Очков активности: 726 3 темы, 35 сообщений, 11 баллов репутации
ТОП самых активных за этот месяц
  • Фотография ShowPrint
    #1

    ShowPrint (ShowPrint.ru)
    Очков активности: 207 2 темы, 17 сообщений, 6 баллов репутации

  • Фотография Ixman
    #2

    Ixman (o5cat.ru)
    Очков активности: 105 0 тем, 10 сообщений, 7 баллов репутации

  • Фотография WGN
    #3

    WGN (worldgamenews.com)
    Очков активности: 90 Вне конкурса за определение пользователя месяца

  • Фотография magnet
    #4

    magnet (rbfxdirect.com)
    Очков активности: 67.5 Вне конкурса за определение пользователя месяца

  • Фотография BLIK
    #5

    BLIK
    Очков активности: 45 Вне конкурса за определение пользователя месяца

  • Фотография TimurR
    #6

    TimurR
    Очков активности: 42 Вне конкурса за определение пользователя месяца

  • Фотография AnnaYa
    #7

    AnnaYa (topbase.ru)
    Очков активности: 33 2 темы, 5 сообщений, 2 балла репутации

  • Фотография Developer
    #8

    Developer
    Очков активности: 33 2 темы, 16 сообщений, 1 балл репутации

  • Фотография Алексей111
    #9

    Алексей111
    Очков активности: 28.5 5 тем, 4 сообщения, 1 балл репутации

  • Фотография Игорь Ку
    #10

    Игорь Ку (dudesday.ru)
    Очков активности: 24 1 тема, 5 сообщений, 2 балла репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 19.11.2017
  • Яндекс выдача: 26.09.2018
Топ 5 участников по репутации


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

#1 hnerd

hnerd
  • Неактивные
  • 284 сообщений
  • Репутация: 18
0

Отправлено 31 October 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
  • Пользователь
  • 423 сообщений
  • Репутация: 28

Отправлено 31 October 2014 - 10:48

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


  • 1

#3 Ixman

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

Отправлено 31 October 2014 - 11:04

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


  • 1


#4 Info-Mans

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

Отправлено 31 October 2014 - 11:32

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

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


  • 1

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



#5 hnerd

hnerd
    Topic Starter
  • Неактивные
  • 284 сообщений
  • Репутация: 18

Отправлено 01 November 2014 - 17:15

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


  • 0

#6 Info-Mans

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

Отправлено 01 November 2014 - 20:28

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


  • 0

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





Похожие темы

  Название темы Автор Статистика Последнее сообщение

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