Question

我在{Visible Nearby Images（可见附近图片）模式中有this page个RoyalSlider。

我想将中心图像的大小更改为1050x514，以重现this page上显示的滑块。

以下是我对滑块的设置：

var si = $('#gallery-1').royalSlider({
   addActiveClass: true,
   imageScaleMode: 'fill',
   arrowsNav: false,
   controlNavigation: 'bullets',
   autoScaleSlider: true, 
   autoScaleSliderWidth: 940,     
   autoScaleSliderHeight: 460,
   loop: true,
   fadeinLoadedSlide: false,
   globalCaption: true,
   keyboardNavEnabled: true,
   globalCaptionInside: false,
   slidesSpacing:0,
   controlsInside : false,

   visibleNearby: {
     enabled: true,
     centerArea: 0.5708,
     center: true,
     breakpoint: 704,
     breakpointCenterArea: 1,
     navigateByCenterClick: true
   }
 }).data('royalSlider');

我似乎无法找到为每种分辨率获得固定宽度的方法。

我正在使用RoyalSlider，因为它具有此可见附近模式，拖动滚动并提供显示视频的可能性。我愿意尝试使用相同功能的不同脚本或wordpress插件（甚至是高级插件），因此我愿意接受建议。

Answer 1

您可以使用课程.rsActiveSlide定位中心图像。

即：

.visibleNearby .rsActiveSlide img{
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}

如何在RoyalSlider中设置中心图像宽度？

1 个答案: