Опции fancyBox не имеют никакого эффекта

0

может ли кто-нибудь сказать мне, что не так со следующим кодом? Мне удалось сразу запустить fancyBox, но независимо от того, что я делаю, параметры не имеют никакого эффекта, даже высоты и ширины. Он просто остается одним и тем же взглядом по умолчанию. Я попытался установить только один параметр, ни один не повлиял на внешний вид.

$(".covers").fancybox({
'autoSize': false,
'height': 300,
'width': 400,
'closeClick': true,
'openEffect': 'elastic',
'closeEffect': 'elastic'
});

заранее спасибо...

Теги:
fancybox
fancybox-2

1 ответ

2
Лучший ответ

вы завернули свой код fancybox внутри метода .ready()?

если вы открываете изображения, autoSize, width и height не будут работать для них, так как их размер автоматически рассчитывается. Эти параметры предназначены для iframe, inline или ajax контента (может также потребоваться установка fitToView в false)

$(document).ready(function () {
    $(".covers").fancybox({
        autoSize: false, // doesn't work with images
        height: 300, // doesn't work with images
        width: 400, // doesn't work with images
        fitToView: false, // if you require exact size (400x300)
        closeClick: true,
        openEffect: 'elastic',
        closeEffect: 'elastic'
    });
});

Кроме того, ваш код работает нормально, см. Jsfiddle (см. Эффекты упругого открытия/закрытия и закрытие при нажатии внутри содержимого)

Поделиться
  • 0
    спасибо за ответ .. так как мне установить размер для изображений, которые будут открываться в fancybox? это очень большие изображения, и установка fitToView в значение false расширяет их за пределы ограничений страницы. Если оставить его как есть, изображение будет занимать почти всю страницу, что не так уж и непривлекательно, но я хотел, чтобы они выглядели чуть меньше, но при том же соотношении сторон обложки DVD. Я не хочу сокращать их, так как я хочу, чтобы люди могли щелкать левой кнопкой мыши и загружать их, если они хотят.
  • 0
    @JohnRose: вы могли бы сделать это stackoverflow.com/a/17245491/1055987
Показать ещё 6 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню