Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.91/11: Рейтинг темы: голосов - 11, средняя оценка - 4.91
3 / 3 / 2
Регистрация: 30.05.2011
Сообщений: 95

Авто прокрутка картинок

05.10.2012, 17:14. Показов 2257. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравтсвуйте как сделать авто прокрутку слайдер. Вот у меня есть блок в каком скриншоти мне над маленький примерчик как реализовать авто прокруту у меня унекальний слайдер таких не де нет в интернете.
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
05.10.2012, 17:14
Ответы с готовыми решениями:

Авто прокрутка слайда
Что нужно добавить в код, чтобы слайд автоматически переключался а не при нажатии мышки? $(document).ready(function(){ /* This code is...

Прокрутка картинок(слайдер)
Здрасте! Сделал слайдер, но появилась проблема при переходах, например, при переходе с 1-ой картинки на 3-ю, видно как прокручивается...

Прокрутка картинок
Приветствую всех.. В общем, сам я JS знаю "не айс", т.к. времени просто нету изучить, поэтому довольствуюсь HTML, PHP, CSS... Ну да не...

2
tribal dance
 Аватар для EPMAK
168 / 156 / 36
Регистрация: 03.09.2009
Сообщений: 820
Записей в блоге: 17
06.10.2012, 16:55
Цитата Сообщение от gussca Посмотреть сообщение
не де нет в интернете
де ты его стырил ? признавайся
0
3 / 3 / 2
Регистрация: 30.05.2011
Сообщений: 95
07.10.2012, 10:09  [ТС]
Лучший ответ Сообщение было отмечено gussca как решение

Решение

EPMAK, вот код что получилось
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
$(document).ready(function() {
    $(".fullstory_oform_l_img .img_slide").css({display: "none"});
    $(".fullstory_oform_l_img .img_slide").eq(0).css({display:"block"});
    $(".slideid li").eq(0).css({'background-color':'#79FF84'}).siblings('.slideid li').css({'background-color':'#FFFFFF'});
    $(".fullstory_oform_r .slideid li").click(function(){
        var idx = $(this).index();
        $(".slideid li").eq(idx).css({'background-color':'#79FF84'}).siblings('.slideid li').css({'background-color':'#FFFFFF'});
        $(".fullstory_oform_l_img .img_slide").eq(idx).css({display: "block"}).siblings('.img_slide').hide();
        if($(".fullstory_oform_l_img .img_slide").width() < 155){
            $(".fullstory_oform_l_img .img_slide").width(155);
        }
    });
    
    
    
     $(".fullstory_oform_l_img .img_slide").click(function () {
        var ind = $(this).index();
            
            $(".fullstory_oform_l_img .img_slide").eq(ind).css({display:'none'});
            $(".fullstory_oform_l_img .img_slide").eq(ind+1).css({display:'block'});       
        if(ind==$(".fullstory_oform_l_img .img_slide").size()-1){
            $(".fullstory_oform_l_img .img_slide").eq(0).css({display:'block'});
        }
        $(".slideid li").eq(ind).css({'background-color':'#79FF84'}).siblings('.slideid li').css({'background-color':'#FFFFFF'});
        $('.fullstory_priloz_podpis_l_top').text(ind);
    });
});
вот этот код можна посмотреть в действии http://andrgame.ru/oformlenie/... paper.html

Этот скрипт работает так.
При нажатии на телефон скриншоты меняются и видиляются в мини слайдере зеленой рамочкой но мне нужно сделать при старте странцы чтобы в телефоне они автоматом крутились через определеное время и при авто прокрутке чтобы в мини слайдрере виделялись зеленой рамкой
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
07.10.2012, 10:09
Помогаю со студенческими работами здесь

Авто прокрутка ScrollBar
Написал чат, подскажите пожалуйсто как сделать автоматическую прокрутку ScrollBar вниз до нового сообщения в RichTextBox? Заранее спасибо!

Авто смена картинок
Как сделать авто смену картинок как в Сайте + чтобы они сами менялись

Прокрутка картинок пальцем, Bootstrap
&lt;div class=&quot;row&quot;&gt; &lt;div class=&quot;col-lg-4&quot;&gt; &lt;h2&gt;Heading&lt;/h2&gt; &lt;p&gt;Lorem ipsum dolor sit...

Автоматическая прокрутка картинок по горизонтали
Есть слайдер картинок. при нажатии на кнопку &quot;Play&quot; картинки начинают прокручиваться. Интересует вопрос: Как сделать чтобы картинки...

Авто удаление неиспользованных картинок dle
Здравствуйте, уже не раз искал ответ, но все возможны модули которые есть, не решают проблемы. Нужно что бы картинки которые загружались на...


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

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru