猫头鹰轮播中的高度相同,但img的宽度不同

时间:2018-11-07 11:53:11

标签: javascript jquery html css owl-carousel

我想制作一个带有水平和垂直图像的Owl Carousel响应式画廊。就视觉效果而言,我希望它们所有人都具有相同的高度,尽管它们具有不同的宽度,并且我不想裁剪图像。

Not it looks like this:

And this would be the ideal result:

我认为解决方案是为javascript中的垂直图像设置不同的宽度,但我不知道该怎么做。

这是我的代码:

./yiic testmycommand
//OWLCAROUSEL
	$('.owl-carousel').owlCarousel({
    loop:true,
    margin:5,
		autoPlay: 300,
		stopOnHover : true,
    responsiveClass:true,
    responsive:{
        0:{
            items:1,
            nav:true
        },
        600:{
            items:2,
            nav:false
        },
        1000:{
            items:3,
            nav:true,
            loop:true,
        }
    }
	})

非常感谢您!

0 个答案:

没有答案