Question

我发现了对JQuery的nyroModal扩展。制作一个效果很好的照片库看起来非常酷。我有以下代码...当我从文件资源管理器（Mac上的Finder）打开它时，它可以正常工作，但当我把它放在我的网络服务器上时......它不再起作用了。而不是酷炫的画廊，我点击的照片只显示在普通的网页上。我错过了什么吗？这个代码不够吗？

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
    <link rel="stylesheet" type="text/css" href="./css/styles.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="./css/nyroModal.css" media="screen" />
    <script type="text/javascript" src="./js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="./js/jquery.nyroModal-1.6.2.pack.js"></script>
</head>
<body>
<a class="nyroModal" title="test1" rel="gal" href="./picts/test1.jpg">Gallery Img 1</a>
<a href="http://www.youtube.com/watch?v=lddUnv1R5y0" class="nyroModal" rel="gal" title="Hockey Goal fight">Youtube in gallery</a><br />
<a class="nyroModal" title="test2" rel="gal" href="./picts/test2.jpg"/>
</body>
</html>

由于

Answer 1

尝试使用绝对路径。与http://www.example.com/css/styles.css或/css/styles.css一样。

使用JQuery和nyroModal的javascript库

2 个答案: