Как заставить переключаться css слайдер?

@2m2 · Регистрация: 12.05.2011

Студворк — интернет-сервис помощи студентам

Слайдер переключается css-правилом transition при клике по кнопкам:

HTML5
1
2
3
4
5
<label for="button-1" class="sp-arrow sp-a1"></label>
<label for="button-2" class="sp-arrow sp-a2"></label>
<label for="button-3" class="sp-arrow sp-a3"></label>
<label for="button-4" class="sp-arrow sp-a4"></label>
<label for="button-5" class="sp-arrow sp-a5"></label>

Каким образом можно заставить его переключаться автоматически используя Jquery?

- сайт со слайдером

@Nazz · 07.11.2012, 12:21

JavaScript
1
setTimeout('functionName()', 10000);

@2m2 · 07.11.2012, 12:26 **[ТС]**

Сообщение от Nazz

JavaScript
1
setTimeout('functionName()', 10000);

А как функция должна выглядеть?

@Nazz · 07.11.2012, 12:31

она должна делать то, что Вы сейчас делаете посредствами css.
посмотрите тут, возможно найдете подходящий)
http://yeap.narod.ru/js/022.html

@2m2 · 07.11.2012, 12:38 **[ТС]**

Сообщение от Nazz

она должна делать то, что Вы сейчас делаете посредствами css.

Я это понимаю. Мне нужен код.

Сообщение от Nazz

посмотрите тут, возможно найдете подходящий)
http://yeap.narod.ru/js/022.html

Я использую "резиновый" слайдер, это единственный подходящий что я нашел, но он на чистом css, поэтому я хочу его заставить двигаться с помощью Jquery.
Хочу понять как это сделать. Возможно заставить скрипт кликать по for="button-1" и т.д.?

@Nazz · 07.11.2012, 12:46

думаю, чтобы работать с js, Вам все равно прийдется переписать слайдера и добавить обработчик на каждую с кнопок, так как все равно нужно отслеживать какая сейчас картинка показиваеться, общее количество картинок, и т.д..

@2m2 · 07.11.2012, 12:52 **[ТС]**

Сообщение от Nazz

думаю, чтобы работать с js, Вам все равно прийдется переписать слайдера и добавить обработчик на каждую с кнопок, так как все равно нужно отслеживать какая сейчас картинка показиваеться, общее количество картинок, и т.д..

Более конкретно скажите как это организовать?

@Nazz · 07.11.2012, 12:54

чтобы не копаться в коде и не придумывать свой велосипед, использовать уже готовые примеры...
так как чтобы написать такой код вручную, нужно иметь базовые знания js...

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@Nazz 898 / 729 / 80 Регистрация: 12.03.2009 Сообщений: 2,804 Записей в блоге: 2
	07.11.2012, 12:31
	она должна делать то, что Вы сейчас делаете посредствами css. посмотрите тут, возможно найдете подходящий) http://yeap.narod.ru/js/022.html 0

@Nazz 898 / 729 / 80 Регистрация: 12.03.2009 Сообщений: 2,804 Записей в блоге: 2
	07.11.2012, 12:46
	думаю, чтобы работать с js, Вам все равно прийдется переписать слайдера и добавить обработчик на каждую с кнопок, так как все равно нужно отслеживать какая сейчас картинка показиваеться, общее количество картинок, и т.д.. 0

@Nazz 898 / 729 / 80 Регистрация: 12.03.2009 Сообщений: 2,804 Записей в блоге: 2
	07.11.2012, 12:54
	чтобы не копаться в коде и не придумывать свой велосипед, использовать уже готовые примеры... так как чтобы написать такой код вручную, нужно иметь базовые знания js... 0

Опции темы