Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/xamarin/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使中心图像比Owl Carousel js中的其他图像更大_Javascript_Owl Carousel - Fatal编程技术网

Javascript 使中心图像比Owl Carousel 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-

我想使中心项目中的图像比其他项目更大或更大。我使用的是猫头鹰旋转木马js

请参见下面的屏幕截图,了解其外观

这是我的小提琴,把中间的
物品做大一点


谢谢大家。

在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是否是你想要的,但这些代码当然可以复制并根据你的喜好进行调整。遗憾的是,不能满足我的需要。这样,元素就不会占用更多空间,而且所有项目之间的间距也不能相等。