0

英語ですみません。

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 リール プロジェクト

 <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

リール プラグインは、ドキュメントの読み込み時にクラス「リール」ですべての画像を初期化しています。後で HTML Dom を変更する場合は、追加したイメージを初期化する必要があります。代わりに、次の JavaScript を使用してこれを行うことができます。

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