code.photoswipe-3.0.4、NETEYE-touch-gallery-1.0.0 などのいくつかのプラグインを使用してみましたが、どちらも使用方法の説明が不完全であるか、単純に機能しません。
私が使用しているjquery/jqueryモバイルバージョンが原因ですか? その1.6.4/1.0.1
要点まで指示に従い、リンクをクリックすると、「未定義」の新しいページが表示されます。問題を解決できませんでした。どんな助けでも大歓迎です。
私がフォトスワイプを使用したとき、これは私がしたことです
photoswipe Webサイトに記載されているように、これをヘッダーに配置しました。
$(document).ready(function(){
var myPhotoSwipe = $("#Gallery a").photoSwipe({ enableMouseWheel: false , enableKeyboard: false });
});
これはギャラリー div (data-role="controlgroup" を持つ) にあります。
<ul id="Gallery">
<li>
<a href="../images/course_img/1_full.jpg"> <!--adding the rel=external simply opens the image in a new website page.>
<img src="../images/course_img/1_thumb.png"</a>
</li>
</ul>
私が得たのは、未定義のエラー、壊れたリンク、または別の Web ページに表示された画像だけでした。
今、私は余分なスクリプト アプローチ全体をダンプし、より愚かで単純なものを使用しました。驚いたことに、これもうまくいきません!
<a href="../images/course_img/1_full.jpg" data-rel="dialog">
<img src="../images/course_img/1_thumb.png"/>
</a>
ポインタまたは2で私を助けてもらえますか?とても有難い !x64システムで最新のdreamweaver cs6とchromeを使用しています。ページでリンクチェッカーを数回実行しましたが、何かが欠けていない限り、リンクはすべて問題ありません!
上記のリンクをクリックすると、javascript コンソールで次のように表示されます。
XMLHttpRequest は file:///E:/GoogleCloud/Google%20Drive/git/TestApp/images/course_img/1_full.jpg を読み込めません。Origin null は、Access-Control-Allow-Origin では許可されていません。