Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Мелкий баг с мини-галереей в сообщении

Предыдущая тема Следующая тема Перейти вниз

Мелкий баг с мини-галереей в сообщении

Сообщение автор Дюша в Пт 29 Авг 2014, 16:03

Добавил мини-галерею и изображение увеличивает через раз, либо увеличивает только первое. А иногда увеличивает все, если кликать по порядку с первого до последнего, но потом они не увеличиваются.

CSS:

Код:

/* Галерея */

img[tabindex="0"] {
  cursor: zoom-in;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.15),0 8px 30px -5px rgba(0,0,0,.5);
  -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.15),0 8px 30px -5px rgba(0,0,0,.5);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.15),0 8px 30px -5px rgba(0,0,0,.5);
}
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,  /* убрать строку, если не нужно, чтобы при клике на увеличенное фото, оно возвращалось в исходное состояние */
img[tabindex="0"]:focus ~ * {
  pointer-events: none;
  cursor: zoom-out;
}


В сообщение для 1 изображение:

Код:
<img src="http://i39.servimg.com/u/f39/18/97/59/38/2014-010.jpg" alt="" width="150" tabindex="0"/>


Тест: Клик



P.S. Как сделать, чтобы при нажатии на изображение оно закрывалось?


Последний раз редактировалось: Дюша (Пт 29 Авг 2014, 17:56), всего редактировалось 2 раз(а)
avatar
Дюша
Новичок

Мужчина

Сообщения : 17
Возраст : 20
Регистрация : 2014-08-23
Благодарности : 0

Без предупреждений

http://www.samp-master.forum2x2.ru

Вернуться к началу Перейти вниз

Re: Мелкий баг с мини-галереей в сообщении

Сообщение автор Георгий Шевченко в Пт 29 Авг 2014, 17:25

Это не баг, просто браузер так реагирует.
С мозилы и оперы работает отлично.
На других браузерах только первая картинка и все.

Не могу открыть спойлер ваш. :(
avatar
Георгий Шевченко
 

Мужчина

Сообщения : 43
Возраст : 22
Регистрация : 2014-08-24
Благодарности : 27

Без предупреждений

Вернуться к началу Перейти вниз

Re: Мелкий баг с мини-галереей в сообщении

Сообщение автор Дюша в Пт 29 Авг 2014, 17:57

У меня Opera самой последней версии
avatar
Дюша
Новичок

Мужчина

Сообщения : 17
Возраст : 20
Регистрация : 2014-08-23
Благодарности : 0

Без предупреждений

http://www.samp-master.forum2x2.ru

Вернуться к началу Перейти вниз

Re: Мелкий баг с мини-галереей в сообщении

Сообщение автор Дюша в Вс 31 Авг 2014, 14:45

Может есть какая-нибудь альтернативная идея?
avatar
Дюша
Новичок

Мужчина

Сообщения : 17
Возраст : 20
Регистрация : 2014-08-23
Благодарности : 0

Без предупреждений

http://www.samp-master.forum2x2.ru

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу

- Похожие темы

 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения