Внешняя ссылка на изображение внутри счетчика изображенийCSS

Разбираемся в CSS
Ответить
Anonymous
 Внешняя ссылка на изображение внутри счетчика изображений

Сообщение Anonymous »

TLDR: Как можно использовать внешнюю ссылку на изображение в наборе слайдов, подобное этому https://storage.neros.fr/Images/. Не только URL-адрес изображения, но и само изображение в слайде, по которому вы все равно можете перемещаться по слайду.
Я использую индекс веб-сервера для Apache под названием h5ai для предоставления изображений и других данных. файлы в структуре каталогов для клиентов. Пример: https://storage.neros.fr/Images/
При проверке html-документа имеется элемент div id="pv-overlay" класса="hidden", и при щелчке по изображению скрытый класс удаляется, и вы получаете красивый серый фон.
Внутри этого div есть div id="pv-container". При нажатии на изображение в этом элементе div создается img id="pv-content-img", где исходное изображение находится в режиме «слайд-шоу», по которому можно перейти к другим изображениям.
Я хочу создать ссылку на эту колоду в имеющемся у меня независимом веб-инструменте, который фильтрует более 500 тысяч изображений и предоставляет клиенту список имен файлов изображений для загрузки. Я хотел бы добавить функцию, с помощью которой вы можете щелкнуть имя файла и получить фактическое изображение перед загрузкой. Это достаточно просто предоставить URL-адрес изображения, но я бы хотел, чтобы это была внешняя ссылка на слайд-шоу индексных изображений h5ai на новой вкладке, где они могли бы щелкать мышью или перемещаться между изображениями так же, как если бы вы щелкнули изображение из индекса h5ai. Содержимое индексного изображения очень велико, поэтому попытка клиента найти конкретное изображение после простой ссылки на индекс не идеальна. Как бы вы сделали ссылку на слайдер изображений с удаленным скрытым классом и добавленным URL-адресом img id=image?

Подробнее здесь: https://stackoverflow.com/questions/787 ... ge-spinner
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»