Fancybox可以在dreamweaver中使用,但不能在浏览器中使用

Fancybox works in dreamweaver but not in browser?

本文关键字:但不能 浏览器 Fancybox dreamweaver      更新时间:2024-05-18

我在这个问题上已经有一段时间了!我终于把它设置好了,并在dreamweaver中正常工作。。我没有javascript/jquery的经验,也很少有HTML和CSS的经验,实际上这个网站是我明天下午5点的期末考试。。我已经问过了,但从那以后我解决了这个问题,并遇到了这个问题。。我该怎么办?我会附上所有东西的照片。我制作了一个"测试"页面,试图查看尽可能少的代码,认为我做错了什么,但由于屏幕上的其他一切而没有注意到,事实上,我遇到的第一个问题也是如此,一旦我制作了这个页面,我就注意到了错误并进行了更正。由于我还不能发布照片,以下是我在中遇到问题的代码

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<link rel="stylesheet" href="/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
<tr>
<td><a class="fancybox" data-fancybox-group="gallery1" href="assets/PetesTatts/1383211_606271702752068_1200146930_n.jpg"><img src="assets/PetesTatts/1383211_606271702752068_1200146930_n.jpg" width="175" height="177" alt=""/></a></td>
<td><a class="fancybox" data-fancybox-group="gallery1"href="assets/PetesTatts/1385264_612275125485059_2140615835_n.jpg"><img src="assets/PetesTatts/1385264_612275125485059_2140615835_n.jpg" width="175" height="177" alt=""/></a></td>
<td><a class="fancybox" data-fancybox-group="gallery1" href="assets/PetesTatts/1395198_615888051790433_921813584_n.jpg"><img src="assets/PetesTatts/1395198_615888051790433_921813584_n.jpg" width="175" height="177" alt=""/></a></td>
<td><a class="fancybox" data-fancybox-group="gallery1" href="assets/PetesTatts/1395204_606590826053489_121841936_n.jpg"><img src="assets/PetesTatts/1395204_606590826053489_121841936_n.jpg" width="175" height="177" alt=""/></a></td>
<td><a class="fancybox" data-fancybox-group="gallery1" href="assets/PetesTatts/1395216_601485709897334_965449977_n.jpg"><img src="assets/PetesTatts/1395216_601485709897334_965449977_n.jpg" width="175" height="177" alt=""/></a></td>
</tr>

<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox({
    openEffect  : 'none',
    closeEffect : 'none'
});
});
</script>

在链接和脚本标记中删除fancybox之前的"/",它应该可以正确加载。

它应该是这样的:

<link rel="stylesheet" href="fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
相关文章: