Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.77/13: Рейтинг темы: голосов - 13, средняя оценка - 4.77
0 / 0 / 0
Регистрация: 02.04.2015
Сообщений: 28

Смена картинок по клику

30.05.2015, 19:29. Показов 2757. Ответов 7
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте, нужна помощь!
Мне нужно чтоб при нажатии на див картинка менялась: 1.jpg - 2.jpg - 3.jpg....
Когда доходила до 20 останавливалась и дальше не шла.

Я разработал код но у меня он не работает.

Кликните здесь для просмотра всего текста

JavaScript
1
2
3
4
5
6
jQuery(function(){
  $("#FIRST").on('click', function () {
    var s = $("#SECOND").attr('src');   
    $("#SECOND").html('images/'+1+parseInt(s)+'.jpg');  
  });
  });

HTML5
1
2
<DIV ID="FIRST">Нажми</>
<img src="0" id="SECOND">


Добавлено через 52 минуты
Ребят не молчите нужна помощь.
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
30.05.2015, 19:29
Ответы с готовыми решениями:

По клику смена картинки
Добрый вечер, подскажите как сделать смену картинки по клику на кнопку... Вот что я наделал, на части js встало всё) &lt;div...

Смена изображения по клику
Добрый день два вопроса, помогите плз! 1 при вставке в аккордеон пропал клик по картинке (смена изображений) пример внизу страницы...

Смена картинки в img по клику
&lt;div class=&quot;&quot;&gt; &lt;img src=путь к картинке&lt;/img&gt; &lt;/div&gt; нужно сделать для такой разметки slidetoogle правильный, т.е чтобы у src...

7
 Аватар для alexsamos33
669 / 640 / 335
Регистрация: 26.04.2014
Сообщений: 2,122
30.05.2015, 19:33
Лучший ответ Сообщение было отмечено Памирыч как решение

Решение

JavaScript
1
2
3
4
5
6
7
8
9
var c=0;
jQuery(function(){
    $("#FIRST").click(function() {
        //if (c>=20) return;
        if (c>=20) c=0;
        c+=1;
        $("#SECOND").attr('src', 'images/'+c+'.jpg');
    });
});
HTML5
1
2
<DIV ID="FIRST">Нажми</>
<img src="0" id="SECOND">
1
0 / 0 / 0
Регистрация: 02.04.2015
Сообщений: 28
30.05.2015, 19:51  [ТС]
Огромное спасибо!
А можно сделать так, чтоб после 20 просмотренных картинок он останавливался, но через определённое время можно было бы посмотреть их с начала?

Добавлено через 34 секунды
Желательно чтоб это работало через cookie
0
 Аватар для alexsamos33
669 / 640 / 335
Регистрация: 26.04.2014
Сообщений: 2,122
30.05.2015, 19:51
Да, можно.
0
0 / 0 / 0
Регистрация: 02.04.2015
Сообщений: 28
30.05.2015, 20:13  [ТС]
Cookie это для того, чтоб для каждого было индивидуально, или это и так будет работать.

Добавлено через 20 минут
А как это сделать?
0
312 / 106 / 69
Регистрация: 18.04.2015
Сообщений: 346
30.05.2015, 20:59
Вы хотите чтобы после 20 просмотренных изображение по щелчку больше ничего не происходило?

Конкретней что значит через определенное время?
0
0 / 0 / 0
Регистрация: 02.04.2015
Сообщений: 28
08.08.2015, 12:05  [ТС]
20 изображений просмотрел, див пропал и появится только через 5 часов, и всё это по cookie
0
0 / 0 / 0
Регистрация: 02.04.2015
Сообщений: 28
05.10.2015, 22:31  [ТС]
Вобщем куки это не то надо базу учить, т.к мне нужно это под каждого пользователя индивидуально
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
05.10.2015, 22:31
Помогаю со студенческими работами здесь

Смена background-position по клику
Задача: при клике должен меняться (с анимацией) background-position фона тега body. Я открыл http://www.linkexchanger.su/2008/61.html...

Смена картинок.
Например есть 2 картинки &lt;div class=&quot;item&quot; id=&quot;i1&quot;&gt; &lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;img/1.jpg&quot;/&gt;&lt;/a&gt; &lt;/div&gt; &lt;div...

Смена картинок по клике
Ув. форумчане , хочу написать в jquery скрипт по смены картинок когда кликаешь по кнопкам на право или налево. Вкладываю скрины что...

Смена картинок стрелками
Здравствуйте, подскажите как сделать или где прочитать, нужен эффект как конвейера, то есть есть у нас 20 картинок, чтоб их пролистать,...

Смена картинок фона
Здравствуйте! Нужно осуществить плавную смену фона с одной картинки на другую. &lt;!DOCTYPE html&gt; &lt;html&gt; ...


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

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Новые блоги и статьи
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru