如何在jQuery移動對話框中顯示圖像？

我試過使用幾個插件：code.photoswipe-3.0.4，NETEYE-touch-gallery-1.0.0，它們都有關於如何使用的不完整說明，或者只是簡單地不起作用。如何在jQuery移動對話框中顯示圖像？

是因爲我使用的jquery/jquery移動版本嗎？它的1.6.4/1.0.1

按照說明點，當我點擊鏈接，我得到一個新的頁面與「未定義」就可以了。無法解決問題。任何幫助將非常感激。

當我用photoswipe這是我做過什麼

我把這個報頭中的photoswipe網站上所述：

$(document).ready(function(){ 

var myPhotoSwipe = $("#Gallery a").photoSwipe({ enableMouseWheel: false , enableKeyboard: false }); 

});

，這在畫廊DIV（有數據角色= 「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>

所有我得到的是未定義錯誤，或斷開的鏈接或在一個單獨的網頁中示出的圖像。

現在我傾倒了整個額外的腳本方法，並採取了更愚蠢和簡單的事情。令我驚訝的是，這也不起作用！

 <a href="../images/course_img/1_full.jpg" data-rel="dialog"> 
     <img src="../images/course_img/1_thumb.png"/> 
     </a>

你能幫我指點一下嗎？非常感激！我正在使用最新的x64系統上的dreamweaver cs6和chrome。我多次在頁面上運行鏈接檢查器，鏈接都很好，除非我錯過了一些東西！

在JavaScript控制檯，這是我所得到的，當我按上面的鏈接：

的XMLHttpRequest無法加載文件：/// E：/ GoogleCloud /谷歌％20Drive /混帳/ TestApp /圖片/ course_img/1_full.jpg。 Access-Control-Allow-Origin不允許Origin null。

來源

2012-07-30 lorddarq

一些挖掘後，它看起來像一些愚蠢的原因，你不能在dw中使用jpegs。他們顯示爲斷鏈或文件丟失。例如：

如果你

<a href="blabla.jpeg"> 
    <img src="blublu.png"/> 
</a>

鏈接將無法正常顯示。這兩個圖像必須具有相同的格式。愚蠢但真實。另一件事我發現是貫徹落實photoswipe網站的代碼後，我仍然得到

Uncaught TypeError: undefined is not a function

來源

2012-07-30 12:52:54 lorddarq

如何在jQuery移動對話框中顯示圖像？

回答

相關問題