Hasan Asadi Ответов: 1

Отображение изображений страниц в слайд-шоу

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

Но у меня нет никакого образца.
Спасибо.

Что я уже пробовал:

Сначала я хотел сделать это сам .я искал эту проблему или вопрос, и я нашел этот пример
http://stackoverflow.com/questions/17786805/how-to-add-prev-and-next-button-in-a-simple-jquery-slideshow-code
Но не работайте ... пожалуйста, проверьте.

Sergey Alexandrovich Kryukov

Вы можете сделать это "в реальном размере", только если изображения довольно маленькие. Скажем, современные фотографии занимают значительно большие размеры пикселей, чем большинство экранов.
Но теперь, что вы пробовали так далеко?

Я имею в виду, действительно пробовал, с точки зрения разработки программного обеспечения, а не поиска доступных решений (во всяком случае, "не работает" не информативно). Я не думаю, что слайд-шоу проблематично. Вы всегда можете установить атрибут href для элемента img динамически.

—СА

Hasan Asadi

Пожалуйста, вы видите выше ссылку stackoverflow в моем "what I have tried:".
я знаю, как сделать всплывающее окно модальным и как показать мне изображения в большом размере.
мой вопрос на самом деле заключается в том, как перемещаться между изображениями с помощью кнопки Prev &Next?Спасибо!

1 Ответов

Рейтинг:
1

Sergey Alexandrovich Kryukov

Прежде всего, пожалуйста, посмотрите мой комментарий к этому вопросу.

Независимо от того, как вы проектируете слайд-шоу или любое другое шоу с изображениями, оно всегда сводится к двум вещам, связанным с HTML-элементом <img> Во-первых, это необязательно, в зависимости от вашего дизайна: вы можете добавлять и удалять HTML-элемент как дочерний элемент другого элемента.

Во-вторых, это установка URL-адреса изображения для существующего <img>, таким образом, одно изображение будет показано в одном элементе, или один и тот же элемент может показывать разные изображения шаг за шагом.

Вот как это делается с помощью jQuery:
Вставка DOM, внутренняя документация / jQuery API,
Удаление DOM / документация по API jQuery,
. attr() | jQuery API документация.

Вам также могут понадобиться некоторые эффекты перехода, такие как анимация, затухание, скольжение и тому подобное: Эффекты / документация jQuery API.

Сочетание этих методов с некоторыми динамическими изменениями макета (Документация по API CSS | jQuery), вы можете создать любое шоу с изображениями.

—СА