Вот код для группы связанных изображений, которые вы хотели бы объединить в набор, «Набор изображений»
<a href="images/image-2.jpg" data-lightbox="roadtrip">Image #2</a>
<a href="images/image-3.jpg" data-lightbox="roadtrip">Image #3</a>
<a href="images/image-4.jpg" data-lightbox="roadtrip">Image #4</a>
Вот набор изображений в «Набор изображений»
<a href="images/image-1.jpg" data-lightbox="example-set"><img class="example-image" src="/images/thumb-1.jpg"/></a>
<a href="images/image-2.jpg" data-lightbox="example-set"><img class="example-image" src="/images/thumb-2.jpg"/></a>
<a href="images/image-3.jpg" data-lightbox="example-set"><img class="example-image" src="/images/thumb-3.jpg"/></a>
вам нужно будет включить CSS вверху вашей страницы в ваш тег <head>:
<link href="path/to/lightbox.css" rel="stylesheet" />
Включить Javascript внизувашей страницы перед закрывающим тегом </body>:
<script src="path/to/lightbox.js"></script>
рабочий пример всего этого можно посмотреть по адресу: https://lokeshdhakar.com/projects/lightbox2/
Теперь на мой вопрос. Как получить изображение с гиперссылкой на веб-странице дважды, если оно не было в «наборе изображений» дважды ??
Этот код даст вам 4 изображения на веб-странице и 4 изображения в «наборе изображений»
<a href="images/image-1.jpg" data-lightbox="example-set"><img class="example-image" src="/images/thumb-1.jpg"/></a>
<a href="images/image-2.jpg" data-lightbox="example-set"><img class="example-image" src="/images/thumb-2.jpg"/></a>
<a href="images/image-3.jpg" data-lightbox="example-set"><img class="example-image" src="/images/thumb-3.jpg"/></a>
<a href="images/image-3.jpg" data-lightbox="example-set"><img class="example-image" src="/images/thumb-3.jpg"/></a>
Я хотел бы иметь 4 изображения на веб-странице, нотолько 3 изображения в «наборе изображений»
- images / image-1.jpg
- images / image-2.jpg
- images / image-3. jpg
not
- images / image-1.jpg
- images / image-2.jpg
- images / image-3.jpg
- images / image-3.jpg