Mail.ruПочтаМой МирОдноклассникиВКонтактеИгрыЗнакомстваНовостиКалендарьОблакоЗаметкиВсе проекты

слайд изображений назад вперед

Dmitry Kin Ученик (76), на голосовании 8 лет назад
есть такой кусочек кода:




...


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

вопрос: как сделать возможность листания изображений с классом "image" не закрывая и открывая каждое?
Дополнен 8 лет назад
код:

img src="../menu/1.jpg" class="image"
img src="../menu/2.jpg" class="image"
img src="../menu/3.jpg" class="image"
...
img src="../menu/100.jpg" class="image"
Голосование за лучший ответ
ewe 2e¶ CoЛнЫшКоcBeTиТоЧеНЬяРкО* Высший разум (327687) 8 лет назад
Антиспамробот Майла нещадно вырезает все подозрительное.
Для вставки программного кода на проекте Ответы можно использовать неофициальный "хак": оформить свой код к вопросу на сервисах, аналогичных pastebin точка com и вставить в вопрос ссылку на ваш код, разбавив ссылку пробелами.
Или использовать код в виде картинки. Но тогда отвечать становится не настолько удобно, отвечающему требуется перепечатывать много и точно.
Dmitry KinУченик (76) 8 лет назад
суть кода (как и сам код) примитивно проста - показать, что есть ссылка на картинку, и есть класс, объединяющий картинки.. вопрос описан в шапке
ewe 2e¶ CoЛнЫшКоcBeTиТоЧеНЬяРкО* Высший разум (327687) В Новостях Майла есть такой функционал, например, https://news.mail.ru/foto/403026/ Я думаю, что можно "подсмотреть", как это реализовано на Майле.
Русо Гуру (3965) 8 лет назад
есть функция в jquery .preg() и .next()
если кликнул на кнопку вперед тогда
var index = $("#image").index().next();
var src = $("#image:eq("+index+")").attr("src");
$("#image:eq("+index+")").attr("src",src);
P.S Как то так будет. Смогу вам писать такой скрипт ))
Dmitry KinУченик (76) 8 лет назад
the_kin вконтакте напишите пожалуйста
Похожие вопросы