试图将Jssor滑块嵌入ebay列表,但它不起作用

时间:2014-10-18 09:09:12

标签: embed ebay jssor

我执行了所有步骤,将其嵌入到ebay列表中,如本教程所述:

http://www.jssor.com/development/embed-jssor-slider-into-blogger-post.html

但它对我不起作用。

结果如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Simple Slider Example - Jssor Slider, Slideshow</title>
</head>
<body style="font-family:Arial, Verdana;background-color:#fff;">
<script type="text/javascript" src="../js/jssor.js"></script>
<script type="text/javascript" src="../js/jssor.slider.js"></script>
<script>
jssor_slider1_starter = function (containerId) {
            var options = {
                $AutoPlay: true,                                   //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
                $DragOrientation: 3                                //[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)
            };

            var jssor_slider1 = new $JssorSlider$(containerId, options);
        };
</script>
<div id="slider1_container" style="position:relative;top:0px;left:0px;width:600px;height:300px;">
<div u="slides" style="cursor:move;position:absolute;left:0px;top:0px;width:600px;height:300px;overflow:hidden;">
<div><img u="image" src="http://www.imageshost.eu/images/2014/10/17/P3181790.jpg"></div>
<div><img u="image" src="http://www.imageshost.eu/images/2014/10/17/P3181798.jpg"></div>
<div><img u="image" src="http://www.imageshost.eu/images/2014/10/17/P3181797.jpg"></div>
<div><img u="image" src="http://www.imageshost.eu/images/2014/10/17/P3181796.jpg"></div>
<div><img u="image" src="http://www.imageshost.eu/images/2014/10/17/P3181795.jpg"></div>
<div><img u="image" src="http://www.imageshost.eu/images/2014/10/17/P3181794.jpg"></div>
<div><img u="image" src="http://www.imageshost.eu/images/2014/10/17/P3181793.jpg"></div>
<div><img u="image" src="http://www.imageshost.eu/images/2014/10/17/p3181792.jpg"></div>
</div>
<a style="display:none" href="http://www.jssor.com">jquery slider plugin</a>
<script>
jssor_slider1_starter('slider1_container');
</script>
</div>
</body>
</html>

你能告诉我什么是错的吗?

提前多多感谢!!

1 个答案:

答案 0 :(得分:0)

还有一步。

请使用jssor.compress.exe压缩您的页面。

"Jssor.Compress.exe" -HTML:Js -HTML:Css -HTML:Comment -HTML:Blank -JSSORONLY -AWRAP -OVERWRITE -ENCOUT:UTF-8 "your-slider.source.html" -OUT "your-slider.html"

另请参阅&#39; demos-no-jquery * .compress.bat&#39;。

参考:http://www.jssor.com/development/embed-jssor-slider-into-ebay-listing.html