Фотогалерея для полноэкранного сайта

У меня есть сайт в основном для чтения комиксов онлайн. Поэтому при загрузке контента на веб-страницу большинство из них представляют собой изображения. Мой контент будет примерно таким.

<p> 
<img src="img1">
<h1>Some text</h1>
<img src="img2">
<img src="img3">
</p>

Я хочу, чтобы когда пользователь нажимал img1, он отображал полноэкранный режим. Нажмите кнопку «Далее», чтобы показать img2 и так далее. есть ли какая-нибудь фототека для этой работы.


person Vuong Tran    schedule 03.01.2018    source источник
comment
Попробуйте эту библиотеку. sachinchoolur.github.io/lightGallery   -  person Kapil Barad    schedule 03.01.2018
comment
Я пробовал, и это работает. Спасибо   -  person Vuong Tran    schedule 04.01.2018


Ответы (2)


Да, конечно. Очень немногие люди знакомы с этой замечательной библиотекой галереи javascript. Надеюсь, вы знаете базовый JavaScript. Прочтите их документы, и вы освоите их всего за несколько минут. Вот их ссылка ниже. Для лучшего понимания попробуйте разобраться в их кодах в Codepen.
Нажмите здесь, чтобы перейти на их официальную страницу

person Sachin    schedule 03.01.2018

Если вы посмотрите эту ссылку Stack Overflow, вы увидите несколько примеров фотогалерей, которые вы можно опираться.

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

Вы также можете посмотреть другие примеры по ссылке Stack Overflow. Этот код можно свободно использовать и изменять.

person Highdown    schedule 04.01.2018