slimbox 2 — плагин jQuery для создания галерей

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

1. А еще нужно поправить горячие клавиши… На кнопках эти буквы подчеркиваются, N — вперед, P — назад. Как это сделать не подскажите?

   • Смотрите в сторону настройки скрипта
     {
overlayOpacity: 0,6,
resizeEasing: "easeOutElastic",
captionAnimationDuration: 1,
counterText: "Изображение на {X} {Y}"
closeKeys: [27, 70],
nextKeys: [39, 83]
}
     closeKeys: массив ключевых кодов клавиш нужно нажать, чтобы закрыть Slimbox. По умолчанию [27, 88, 67] , что означает Esc (27), «х» (88) и «C» (67).
     previousKeys: массив ключевых кодов клавиш нужно нажать, чтобы перейти к предыдущему изображению. По умолчанию [37, 80] , что означает стрелкой влево (37) и «P» (80).
     nextKeys: массив ключевых кодов клавиш нужно нажать, чтобы перейти к следующему изображению. По умолчанию [39, 78] , что означает вправо (39) и «N» (78).

2. А можно ли в slimbox2 добавить фиксированную высоту и ширину изображения (он растягивает к реальным размерам фото) и убрать возможность прокрутки при просмотре изображений. Все это есть в fancybox, но мне нравится как slimbox раскрывается 🙂

3. А можно ли в слимбоксе задать фиксированные максимальные размеры фото (чтобы не растягивал до реального размера, а масштабировал)? и можно ли зафиксировать область просмотра при открытии галереи (чтобы не было возможности прокручивать страницу)? И то и другое есть в фенсибоксе, но слимбокс больше нравится как раскрывается. Заранее спасибо!

   • Вот ответ разработчика на Ваш вопрос:
     Slimbox не должны использоваться для отображения очень больших изображений. Общее правило заключается в том, что изображения, которые вы хотите показать с Slimbox не должна превышать ширину шаблона сайта. Вам нужно создать уменьшенные версии ваших больших изображений перед выводом их Slimbox.
     Почему?
     Во-первых, очень большие изображения лучше обрабатывается самим при открытии в специальном окне браузера: как правило, в этом случае браузер будет показывать изображение постепенно, пока она загрузка и автоматически изменять размер ее по размеру окна браузера, которое в точности то, что вы хотите.
     Во-вторых, Slimbox загружает изображения и показывает только их, когда они полностью загружены. Для очень больших изображений, это занимает некоторое время, и это плохо для пользователей. Затем, когда изображение в конце концов загружаются и отображаются, следующие и предыдущие изображения галереи начнет предварительной загрузки тоже, даже если пользователь не намерен, чтобы увидеть их, таким образом, он будет использовать много трафика на ваш сайт.
     В-третьих, динамично изменения размеров изображения выглядят зернистыми в большинстве браузеров.
     И, наконец, динамический изменение размеров изображений сделает код Slimbox очень сложная и нет на самом деле никакого способа, чтобы заставить его работать безупречно. Вот быстрый техническое объяснение (вы можете пропустить его, чтобы избежать головной боли):
     Границы вокруг изображений в Slimbox можно свободно регулировать в CSS, так Slimbox не может определить свою собственную ширину или высоту до изменения размера. Но тогда это слишком поздно, потому что мы должны знать размер, чтобы запустить анимацию. И я не хочу, чтобы жестко размеры границ в яваскрипта код, как это делает Лайтбокс, потому что хочу сохранить дизайн в файле CSS.
     Подпись под изображением идеале должны быть полностью открыты тоже. Он имеет переменную высоту и эта высота не может быть вычислено до тех пор, пока не появится (это зависит от используемого шрифта, поля, количество строк текста, и так далее), но опять же это слишком поздно.
     Даже если высота регулируется в конце анимации, так что заголовки полностью видны, то ширина должна быть отрегулирована, чтобы сохранить пропорции изображения. Но если ширина уменьшается, высота подписи может увеличиться из-за чего текст будет иметь меньше свободного пространства и может занять до нескольких строк. В этом случае, для того, чтобы заголовок был полностью виден, высота его должна быть уменьшена (и ширина также), и так далее … в цикле, пока все, наконец, возможность для отображения на экране. Этот эффект будет выглядеть непредсказуемой. Так что мы должны забыть о том, чтобы подпись видна без прокрутки, когда изображение будет автоматически изменено.
     Ссылка на оригинал ответа: Может Slimbox автоматически изменять размер изображений, когда они слишком велики, чтобы содержаться в окне браузера?

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.