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

  1. NeedHate
    7 февраля 2014

    Привет. Подскажите пожалуйста: при закрытии лайтбокса, страничка переходит сразу же в топ страницы. Как ее оставить на том же уровне? спасибо.

    Ответить

    • driver
      7 февраля 2014

      Спасибо за наводку, совсем из виду упустил. Дело в том что полноразмерные картинки обернуты ссылкой с href="#", что само собой даёт команду браузерам на переход вверх страницы, при закрытии. Косяк не большой, но заметный, а стало быть его необходимо исправить.

      Всё очень просто, достаточно в href="" больших картинок прописать href="#close" и вас не будет выкидывать наверх страницы.

      Удачи!

      Ответить

      • NeedHate
        7 февраля 2014

        Пффф... спасибо! Оно!

        Ответить

      • NeedHate
        8 февраля 2014

        Вопрос за вопросом: у меня есть фото, но к нему я хочу добавить еще и текст, т.е. выпадает лайтбокс, а справа/слева от изображения у меня текст. как это сделать?

        Еще вопрос (слегка не в тему). Как вы делаете вот этот маленький но эффектный фон/шрифт/окантовку «transition:/target:» ? Хотел бы подписывать комментарии к фото именно в таком стиле.

        Ответить

      • driver
        9 февраля 2014

        По первому вопросу, обратите внимание на эту статью: Тынц... По желанию экспериментируйте с настройками внешнего вида(затемнение, фон окна, углы, рамка) и пишите любые подписи, хоть эпиграммы к изображениям. Текст можете оформить, как душе угодно.

        По второму вопросу — так оформлен у меня вывод отрывков кода в теге code, ничего особенного, фон, шрифт и рамка:

        background: none repeat scroll 0 0 #F7F7F9;
        border: 1px solid #E1E1E8;
        border-radius: 3px;
        color: #468847;
        font-family: Monaco,Menlo,Consolas,"Courier New",monospace;
        font-size: 12px;
        line-height: 22px;
        padding: 0 3px;
        text-shadow: 1px 1px #FFFFFF;

        Только сомневаюсь, что в таком виде он будет уместным в подписях к изображениям, хотя на вкус и на цвет...

        Ответить

  2. Olmaz
    28 февраля 2014

    Спасибо, все работает. Только сегодня нашла вас в инете и уже воспользовалась 2-мя статьями (модальное окно и lightbox). В статьях написано все понятно, четко и по-делу. Буду пользоваться вашими статьями и в будущем)))))

    Ответить

    • driver
      28 февраля 2014

      Очень рад, что вам пригодилось.

      Ответить

  3. Igor
    4 октября 2015

    Скажите, а как добавить трансформацию прозрачности при закрытии?

    Ответить

  4. Пудж
    9 декабря 2015

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

    Ответить

    • driver
      9 декабря 2015

      Такой метод использовал именно в этом примере, для демонстрации работы лайтбокса без подключения js. Ничто не мешает сделать миниатюры нужного размера, загрузить, правильно прописать их в галерее в качестве превью.

      Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Наверх
мобильн. компьютерная