jsImageBox -- легкий аналог lightbox без jQuery
« Отзыв о хостинге FozzyНовый способ ввода данных для смартфонов »

8 комментариев

  1. § Михаил said on :

    Может вы подскажете как решить еще одну важную проблему? Представим ситуацию, есть страница, на ней 20 строк текста, под ними миниатюра фотографии. Т.е. высота страницы умещается на одном экране, даже меньше. Если нажать на миниатюру, которая находится почти у футера, то она расширится вниз, при этом серое затенение будет ровно до конца страницы, а так как картинка большой высоты, и разворачивается вниз дальше чем футер, то половина изображения получается без затенения, т.е. на белом фоне. Надеюсь понятно объяснил.

  2. § ®   said on :

    Да, вполне понятно. Тут есть два варианта: либо приписать миниатюре большой margin-bottom, чтобы снизу был запас места (как вариант, добавлять его динамически при щелчке), либо влезть в скрипт и поменять стили отображения вот тут:
    <div style="position: absolute; top: 0; left: 0; width: 100%; z-index: 2000;">
    Например, попробовать поставить вместо absolute fixed и увеличить top и left, чтобы миниатюра выводилась не в самом верху экрана, а с каким-то отступом.

  3. § Денис said on :

    Здравствуйте, а можно зафиксировать размер картинки которая выводиться после нажатия на миниатюру. Если у фото большое разрешение, то оно открывается как есть, - за пределы поля браузера, а нужно что бы фото открывалось например по фиксированной ширине??

  4. § ®   said on :

    Можно. Для этого в CSS сайта нужно прописать такое:
    #jsiBoxMainImage { max-width: ширина }
    Или, если нужно принудительно одинаковую ширину везде,
    #jsiBoxMainImage { width: ширина }

  5. § Денис   said on :

    Спасибо. Но, например при использовании #jsiBoxMainImage { max-width: 800 } ширина картинки уменьшается как надо, а вот ширина и высота самого окна остается прежнего размера (размера картинки). Если - #jsiBoxMainImage { width: 800 } и задать фиксированную высоту, то высота картинки меняется, а ширина нет. При этом само окно остается прежнего размера (размера картинки).

  6. § ®   said on :

    Можно еще попробовать позадавать свойства height и width для #jsiMainBox. Но тогда придется сделать размер окна полностью фиксированным, скорее всего.

  7. § Гульнара said on :

    На Yii2 advanced не работает, хотя в basic все было ок.
    Открывается черное окно, без изображение, в стилях #jsiBoxMainImage стоит display: none; opacity: 0;
    Печалька!
    Кто-нибудь знает что делать?

  8. § ®   said on :

    Скорее всего, происходит конфликт CSS Lightbox со стилями, прописанными где-то в Yii. Или, как вариант, блокировщик рекламы срабатывает по каким-то причинам.


Идет загрузка формы...