С Новым годом! Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.73/11: Рейтинг темы: голосов - 11, средняя оценка - 4.73
4 / 4 / 1
Регистрация: 29.04.2011
Сообщений: 182
1

Изменить эффект переключения слайдов

23.03.2014, 10:24. Показов 2228. Ответов 2
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
Всем доброго дня!
Мне программист делал слайдер на Js, но слайды переключаются методом вспышки. Можно ли сделать другой эффект? Например чтобы плавно переливались?
Код его выглядит так:
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
//default image
$("#slide .one").addClass("block");
//
$("#nav ul li a").on('click', function( event ){
 
//get nav class name
var nav = $(this).attr("class");
 
 
 
//find equel elements in slide
var slide = $("#slide img").hasClass(nav);
//find equel elements in block
var block = $("#block div").hasClass(nav);
 
 
 
//display picture
 if (slide == true){
    
    $("#slide ."+nav).prevAll().fadeOut(0).removeClass('block');
    $("#slide ."+nav).fadeIn(800).addClass('block');
    $("#slide ."+nav).nextAll().fadeOut(0).removeClass('block');
    
    //add some special show
    //$("#slide ."+nav)
 }
 
 
 if(block == true){
    $("#block ."+nav).prevAll().hide().removeClass('visible');
    $("#block ."+nav).slideDown("slow").addClass('visible');
    $("#block ."+nav).nextAll().hide().removeClass('visible');
 }
  event.preventDefault();
});
 
//if leave navigation then delete box
$('.navigation').mouseleave(function(){
 $("#block .visible").slideUp().addClass("leave");
});
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
Блог
23.03.2014, 10:24
Ответы с готовыми решениями:

Эффект затухания/появления и слайд эффект
Привет Всем. Подскажите как можно решить эту задачу? Пока с тем что есть выходит криво:...

Overflow: после переключения слайдов изображение и весь вложенный в этот блок контент становятся размытыми
Имеется слайдер jq и в одном из вложенных блоков присвоено overflow:hidden; По непонятной причине...

Эффект плавного переключения
Здравствуйте! Помогите с решением. есть код: $scope.openTopForm = function(){ ...

Как реализовать эффект переключения между страницами (перелистывание и т.д.)
Добрый день! Как можно реализовать эффект переключения между страницами? К примеру: при...

2
KOPOJI
23.03.2014, 10:37
  #2

Не по теме:

когда же вы все поймете, что Java и JavaScript - два совершенно различных языка. А тем более здесь, так вообще jQuery.. :facepalm:

0
4 / 4 / 1
Регистрация: 29.04.2011
Сообщений: 182
23.03.2014, 11:29  [ТС] 3
Пардон, не опытный
Буду знать на будущее.
0
23.03.2014, 11:29
BasicMan
Эксперт
19315 / 2622 / 84
Регистрация: 17.02.2009
Сообщений: 10,364
Блог
23.03.2014, 11:29
Помогаю со студенческими работами здесь

Как сделать эффект размытия (эффект стекла) в Xaml?
Как сделать эффект размытия(эффект стекла) в Xaml?

Как убрать эффект вдавливания с формы? (3d эффект)
Не знаю как задать по конкретней вопрос, поэтому выложу так: вот в местах, где стрелочки какой...

Закруглением у слайдов
Скачал слайдер...

Анимация слайдов в слайдшоу
Само слайдшоу я сделал... Но когда нажимаешь другую кнопку, текущая картинка исчезает мгновенно, а...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru