0

原谅我的英语。

我尝试使用jQuery Reel 插件，它在我的 html 文件上完美运行。

 <img src="DSCN0691.jpg" width="210" height="186"
  class="reel"
  id="image1"
  data-images="fish/DSCN####.JPG|691..702">

但是如果我通过添加脚本document.innerHTML，它根本不起作用。

图像会出现，但我不能卷轴。

document.getElementById('Hello').innerHTML='<img src="fish/DSCN0691.JPG" width="210" height="186" class="reel" id="image2" data-images="fish/DSCN####.JPG|691..702">';

我也尝试了这个element.setAttribute(name, value)函数，或者使用 jQuery 加载了整个 html 文件。但结果是一样的……

不知道现在该怎么办。

或者是否有任何其他解决方案可以动态显示和隐藏卷轴图像？

非常感谢。

下面是整个脚本和项目。

JQuery 卷轴项目

 <script language="JavaScript">
 function WriteToFile(passForm) {       

document.getElementById('Hello').innerHTML='<img src="fish/DSCN0691.JPG" width="210" height="186" class="reel" id="image2" data-images="fish/DSCN####.JPG|691..702">';

 }
 </script>


<head>
    <script src='http://code.jquery.com/jquery-1.9.1.min.js'></script>
    <script src='jquery.reel.js' ></script>
</head>

<body>  
  <div id="Hello"></div>    
  <input type="button" value="submit" onclick="WriteToFile(this);">

  <img src="DSCN0691.jpg" width="210" height="186"
    class="reel"
    id="image1"
    data-images="fish/DSCN####.JPG|691..702">
  </body>

4

1 回答 1

0

reel 插件在文档加载时使用“reel”类初始化所有图像。如果之后更改 HTML Dom，则需要初始化添加的图像。您可以通过以下 javascript 来执行此操作：

$('#image').reel({
    images: 'fish/DSCN####.JPG|691..702'
});
于 2015-07-23T15:21:17.563 回答