Javascript 使中心图像比Owl Carousel js中的其他图像更大
我想使中心项目中的图像比其他项目更大或更大。我使用的是猫头鹰旋转木马js 请参见下面的屏幕截图,了解其外观 这是我的小提琴,把中间的Javascript 使中心图像比Owl Carousel js中的其他图像更大,javascript,owl-carousel,Javascript,Owl Carousel,我想使中心项目中的图像比其他项目更大或更大。我使用的是猫头鹰旋转木马js 请参见下面的屏幕截图,了解其外观 这是我的小提琴,把中间的物品做大一点 谢谢大家。在owlCarousel配置中使中心:正确 现在,center类将自动添加到居中项 您可以设置CSS属性使其更大 .owl-item.active.center { transform: scale(1.1, 1.2); } 在owl配置设置中添加中心true 但是,这会弄乱元素之间的间距,因此也会添加到css中 owl-
物品做大一点
谢谢大家。在owlCarousel配置中使中心:正确
现在,center
类将自动添加到居中项
您可以设置CSS属性使其更大
.owl-item.active.center {
transform: scale(1.1, 1.2);
}
在owl配置设置中添加中心true
但是,这会弄乱元素之间的间距,因此也会添加到css中
owl-item.center{display:block}
提供一些代码。阅读:啊,好吧,我会更新我的问题,你试过什么?可以使用transform:scale(2,2)添加一个:悬停伪类代码>使其更大。也许看看@bellabelle,我不确定,但我相信你需要一些东西来检测屏幕中央的图像。由于我对javascript的了解还不够深入,我只能通过谷歌的东西来帮你:)@bellabelle我不确定K.Gkinis的awnser是否是你想要的,但这些代码当然可以复制并根据你的喜好进行调整。遗憾的是,不能满足我的需要。这样,元素就不会占用更多空间,而且所有项目之间的间距也不能相等。