Question

我需要简单的horizontal无自动播放轮播，其中的图片有各种width但height（117px）。我需要在容器中看到连续的多个图像（取决于它们的width），例如5px。就像jssor.com上的东方女士一样。

我得到的（见下面的代码）是完美的旋转木马，但每张幻灯片只显示单个图像。我需要做什么/设置以获得每张幻灯片的多张图片？

<script src="../js/jquery-1.9.1.min.js"></script>
<script src="../js/jssor.slider.min.js"></script>
<script>
jQuery(document).ready(function (\$) {

    var options = {
     \$AutoPlay: false,
     \$Loop: 0,

    };
    var jssor_slider2 = new \$JssorSlider\$('slider2_container', options);
});
</script>



<div id="slider2_container" style="position: relative; top: 0px; left: 0px; width: 300; height: 117;">

<!-- Slides Container -->

<div u="slides" style="cursor: move; position: relative; overflow: hidden; left: 0px; top: 0px; width:300; height: 117">
    <div>
            <img   src="$imgpath/msummer2015.jpg">
            <p>Marklin Summer 2015</p>
    </div>
    <div>
            <img   src="$imgpath/m2015.jpg">
            <p>Marklin 2015</p>
    </div>
    <div>
            <img  src="$imgpath/roco2015.jpg">
            <p>Roco 2015</p>
    </div>
    <div>
            <img  src="$`enter code here`imgpath/fl2015.jpg">
            <p>Fleischmann 2015</p>
    </div>
</div>
</div>

Answer 1

首先，请以像素（IG.ImageLink = function() { var FeatName = 'vw_'+IG._form.id //the name of the GIS feature the form is showing, which is also the folder name. var IDCounter = IG._form.getItemById('ID_COUNTER').value(); var src = "/website/TransientStorage/"+FeatName+"/"+IDCounter.match(IDCounter); show_image(src); } function show_image(src) { IG._form.getItemById('IMAGETEST').value(src); //the image field on the form which displays the image. }，300px）定义滑块尺寸。请注意，每张幻灯片都应该是固定大小。

如果尺寸为300 x 117的滑块，您可以在117px容器中显示2张或更多张幻灯片。请设置slides，$SlideWidth，$DisplayPieces选项。

$SlideSpacing

jssor carousel有问题

1 个答案: