如何在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移动对话框中显示图像？

回答

相关问题