我执行了所有步骤,将其嵌入到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>
你能告诉我什么是错的吗?
提前多多感谢!!
答案 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