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

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

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

Студворк — интернет-сервис помощи студентам
Всем доброго дня!
Мне программист делал слайдер на 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
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
23.03.2014, 10:24
Ответы с готовыми решениями:

Эффект затухания/появления и слайд эффект
Привет Всем. Подскажите как можно решить эту задачу? Пока с тем что есть выходит криво: $("#amben").animate({opacity:...

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

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

2
23.03.2014, 10:37

Не по теме:

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

0
 Аватар для morkovka-13
4 / 4 / 1
Регистрация: 29.04.2011
Сообщений: 183
23.03.2014, 11:29  [ТС]
Пардон, не опытный
Буду знать на будущее.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
23.03.2014, 11:29
Помогаю со студенческими работами здесь

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

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

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

Закруглением у слайдов
Скачал слайдер http://pcvector.net/scripts/slideshow_and_scroller/77-nivo-slider-plagin-slaydshou.html Все супер, но я хотел закруглить...

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


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

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Знаешь почему 90% людей редко бывают счастливыми?
kumehtar 14.04.2026
Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.
Фиксация колонок в отчете СКД
Maks 14.04.2026
Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .
Настройки VS Code
Loafer 13.04.2026
{ "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .
Оптимизация кода на разграничение прав доступа к элементам формы
Maks 13.04.2026
Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений
Maks 12.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru