jssor滑块宽度问题

如何调整这个滑块的宽度超级困惑…

我已经尝试编辑你看到它注释掉的jquery：

jQuery(document).ready(function ($) { var nestedSliders = []; $.each(["sliderh1_container", "sliderh2_container", "sliderh3_container"], function (index, containerId) { var nestedSliderOptions = { $PauseOnHover: 1, //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, default value is 1 $SlideDuration: 500, //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500 $MinDragOffsetToSlide: 20, //[Optional] Minimum drag offset to trigger slide , default value is 20 //$SlideWidth: 200, //[Optional] Width of every slide in pixels, default value is width of 'slides' container //$SlideHeight: 150, //[Optional] Height of every slide in pixels, default value is height of 'slides' container $SlideSpacing: 3, //[Optional] Space between each slide in pixels, default value is 0 $DisplayPieces: 1, //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1 $ParkingPosition: 0, //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0. $UISearchMode: 0, var options = { $AutoPlay: false, //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false $AutoPlaySteps: 1, //[Optional] Steps to go for each navigation request (this options applys only when slideshow disabled), the default value is 1 $AutoPlayInterval: 2000, //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000 $PauseOnHover: 1, //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, default value is 1 $ArrowKeyNavigation: true, //[Optional] Allows keyboard (arrow key) navigation or not, default value is false $SlideDuration: 300, //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500 $MinDragOffsetToSlide: 80, //[Optional] Minimum drag offset to trigger slide , default value is 20 //$SlideWidth: 600, //[Optional] Width of every slide in pixels, default value is width of 'slides' container //$SlideHeight: 150, //[Optional] Height of every slide in pixels, default value is height of 'slides' container $SlideSpacing: 3, //[Optional] Space between each slide in pixels, default value is 0 $DisplayPieces: 1, //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1 $ParkingPosition: 0, //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0. $UISearchMode: 0, //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc). $PlayOrientation: 2, //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, default value is 1 $DragOrientation: 0, //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0), 

我已经尝试过编辑CSS，当我把它做得更大时…说900像素..它实际上变小了：

   
 
 
  
 
 
 
 
 
 
 
 
   
  
 
  
 
  
 
 Landscape 
 
 
 
 
  
 
 
 
 
 
 
 
 
 
   
  
 
  

@jssor非常善于评论，但我确信我现在无法解决这个问题。

像往常一样..任何帮助将不胜感激。 谢谢。

此外，这里有一个链接可以在这里查看：

http://phpbuilds.com/Jssor.Slider.FullPack/demos-jquery/nested-slider.source.html

Answer 1

我相信你正在寻找这条线：

编辑

这是我在网站上有一个滑块的例子。

 
  
 ... 

此外，我不确定为什么你有这两次：

  ... 

EDIT2 – 好的

                  
  
 
 
 
 
 
  
 
 
  
 
 
 
 
 
 
 
 
   
  
 
  
 
  
 
 Landscape 
 
 
 
 
  
 
 
 
 
 
 
 
 
 
   
  
 
  
 
  
 
 Motor 
 
 
 
 
  
 
 
 
 
 
 
 
 
 
 
   
  
 
  
 
  
 
 Photography 
 
 
 
  
   
 
  
 
  
  slideshow html 
    

好的： – 将宽度从600px修改为960px，将高度从300px修改为400px。 – 修改后的缩略图大小从200×100到320×160（320因为它们适合960和160以符合比率）。 – 必须将

bottom修改为110px而不是10px。 – 使用holder.js替换缩略图图像（如果要使用此代码进行测试，请将holder.js文件放在htlm文件的同一级别）。

使用diff工具检查此代码与原始嵌套的slider.source.html文件的内容之间的差异。

希望这可以帮助！

Answer 2

您可以通过更改scalesSlider()的最小体宽来更改宽度， scalesSlider()是在html页面的script标记中编写的： jssor_slider1.$ScaleWidth(Math.min(bodyWidth, 960));

Answer 3

您需要编辑JavaScript文件，而不是CSS，因为宽度是一个元素。

打开JavaScript jssor.slider.mini.js并找到(c.max(c.min(b,1081),300) 。

1081是最大宽度，300是最小宽度。

这就是我所做的，它运作良好。