jQuery Reel Plugin：動態顯示或隱藏卷軸圖像

我試圖使用jQuery Reel Plugin，它在我的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 Reel Project

<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>

來源

2014-07-22 Rex Kuo

卷軸插件初始化所有圖像與文檔加載的類「卷軸」。如果之後更改HTML Dom，則需要初始化添加的圖像。您可以通過以下JavaScript代替：

$('#image').reel({ 
    images: 'fish/DSCN####.JPG|691..702' 
});

來源

2015-07-23 15:21:17 kimomat

jQuery Reel Plugin：動態顯示或隱藏卷軸圖像

回答

相關問題