无法在我的360度滑块上加载图像

我是java脚本新手，所以我从字面上复制和粘贴代码，我认为它没有正确加载图像。无法在我的360度滑块上加载图像

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<link rel="stylesheet" type="text/css" href="CSS.css"> 
<link rel="shortcut icon" type="image/ico" 
href="../../CONTENT/Images/Logo/ICO.ico" /> 
<link rel="stylesheet" href="src/styles/threesixty.css"> 
<title>pappu-lighting</title> 
<script src="jquery-3.2.1.js"></script> 
</head> 

<body> 

<div class="threesixty" id="mythreesixty"> 
    <div class="spinner"> 
     <span>0%</span> 
    </div> 
    <ol class="threesixty_images"></ol> 
</div> 

<script type="text/javascript" src="src/threesixty.js"></script>  
<script> 
window.onload = init; 

var product; 
function init(){ 

my360 = $('#mythreesixty').ThreeSixty({ 
    totalFrames: 72, // Total no. of image you have for 360 slider 
    endFrame: 72, // end frame for the auto spin animation 
    currentFrame: 1, // This the start frame for auto spin 
    imgList: '.threesixty_images', // selector for image list 
    progress: '.spinner', // selector to show the loading progress 
    imagePath:'assets/product1', // path of the image assets 
    filePrefix: 'ipod-', // file prefix if any 
    ext: '.jpg', // extention for the assets 
    height: 265, 
    width: 400, 
    navigation: true, 
    disableSpin: true // Default false 
    }); 

} 
</script> 
</body> 
</html>

所以我的图片源是在目录中相同的文件夹：/资产/产品1/

我真的不知道什么是错的，但所有的插件和CSS文件正确加载。

来源

2017-06-19 Valeri Karageorgiev

例三六个图像滑块

<div class="threesixty product1"> 
    <div class="spinner"> 
     <span>0%</span> 
    </div> 
    <ol class="threesixty_images"></ol> 
</div>  
<script type="text/javascript"> 
    window.onload = init; 

    var product; 
    function init(){ 

     product1 = $('.product1').ThreeSixty({ 
      totalFrames: 72, // Total no. of image you have for 360 slider 
      endFrame: 72, // end frame for the auto spin animation 
      currentFrame: 1, // This the start frame for auto spin 
      imgList: '.threesixty_images', // selector for image list 
      progress: '.spinner', // selector to show the loading progress 
      imagePath:'assets/product1/', // path of the image assets 
      filePrefix: 'ipod-', // file prefix if any 
      ext: '.jpg', // extention for the assets 
      height: 265, 
      width: 400, 
      navigation: true, 
      disableSpin: true // Default false 
     }); 

    } 
    </script>

来源

2017-06-19 09:20:52

您还没有指定目录正确添加'/'product1之后，以使图像中可以正确读取

imagePath:'assets/product1/', // path of the image assets

来源

2017-06-19 09:16:45 Rahul

没有改变...我的图片被命名为1.jpg/2.jpg/3.jpg等。我是否需要更改他们的名字？这个文件前缀？他们需要重新命名为： ipod-1.jpg/ipod-2.jpg ... –

无需重命名 – Rahul

imagePath：'/ assets/product1 /'， – Rahul

无法在我的360度滑块上加载图像

回答

相关问题