0 Пользователей и 1 Гость просматривают эту тему.
  • 1 Ответов
  • 685 Просмотров
*

juddi

  • Осваиваюсь на форуме
  • 46
  • 0 / 0
Просмотр фото
« : 11.12.2014, 22:09:24 »
Добрый вечер. Есть материал с фото. Нужно, чтобы при выборе фотографии она открывалась для просмотра в отдельном окне (например, http://antresol35.ru/index.php/kitchen/primery-kukhonnykh-garniturov).
*

Oopsuk

  • Осваиваюсь на форуме
  • 35
  • 0 / 0
Re: Просмотр фото
« Ответ #1 : 12.12.2014, 10:55:35 »
это надо делать или через JC, если хотите просто через CSS я вот такой код нашел, он не так точно отображает как тот что у вас в примере но... Добавляете код в CSS главного шаблона
Код
img[tabindex="0"] {
  cursor: zoom-in;
}
img[tabindex="0"]:focus {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: auto;
  height: auto;
  max-width: 99%;
  max-height: 99%;
  margin: auto;
  box-shadow: 0 0 20px #000, 0 0 0 1000px rgba(210,210,210,.4);
}
/* убрать строку, если не нужно, чтобы при клике на увеличенное фото, оно возвращалось в исходное состо¤ние */
img[tabindex="0"]:focus ~ * {
  pointer-events: none;
  cursor: zoom-out;
}
Что бы он заработал то надо в коде добавить <img tabindex="0" src="Адрес картинки"  />
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Дополнительное увеличение фото в всплывающем окне

Автор Web-Simple

Ответов: 1
Просмотров: 63
Последний ответ 11.01.2021, 17:16:18
от effrit
Пакетная загрузка 1000 фото и создание 1000 материалов

Автор slepoy

Ответов: 2
Просмотров: 117
Последний ответ 04.01.2021, 00:51:55
от pavelrer
Просмотр изображений через ссылку

Автор Ros

Ответов: 7
Просмотров: 240
Последний ответ 27.11.2020, 07:47:14
от Missile
Не показывается просмотр страниц (счетчик/рейтинг)

Автор help-tend

Ответов: 1
Просмотров: 95
Последний ответ 19.10.2020, 22:17:35
от help-tend
Как устранить конфликт вызова фото в Virtuemart3?

Автор Damarkuzz

Ответов: 3
Просмотров: 178
Последний ответ 22.09.2020, 10:40:08
от rsn