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

автор Дюша Август 29th 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"/>

Тест: Клик

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

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

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

Не могу открыть спойлер ваш. :(

автор Дюша Август 29th 2014, 17:57

У меня Opera самой последней версии

автор Дюша Август 31st 2014, 14:45

Может есть какая-нибудь альтернативная идея?

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

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

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

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

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