Javascript 实现jQuery插件的pretto

我正在尝试在此网页上实现

---

我想使用单幅图像选项，并为图像链接设置了

rel=“prettypto”

。我是jQuery的新手，也是JavaScript的新手。如有任何建议，将不胜感激

这直接来自该插件的文档：

<a href="images/fullscreen/2.jpg" rel="prettyPhoto" title="This is the description">
    <img src="images/thumbnails/t_2.jpg" width="60" height="60" alt="This is the title" />
</a>

---

这直接来自该插件的文档：

<a href="images/fullscreen/2.jpg" rel="prettyPhoto" title="This is the description">
    <img src="images/thumbnails/t_2.jpg" width="60" height="60" alt="This is the title" />
</a>

---

以下是我发现的一些大问题

在

部分中，您有以下内容

<script type="text/jscript" src="JS/jquery.prettyPhoto.js"></script>
<script type="text/jscript" src="JS/jquery-1.3.2.min.js"></script>
<script type="text/jscript" src="JS/jquery-1.4.4.min.js"></script>
<script type="text/jscript" src="JS/jquery-1.6.1.min.js"></script>

第一个问题：在jQuery之前包含prettyTo。您需要在任何jQuery插件之前“包含”jQuery

第二个问题：您包含了三个版本的jQuery。不能“包括”多个jQuery版本或实例。出于某种原因，您正在包括并加载版本1.3.2、1.4.4和1.6.1。就用最新的吧

第三个问题：您没有调用PrettyTo。在“包含”插件之后，需要使用JavaScript调用它

它应该看起来像这样

<script type="text/javascript" src="JS/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="JS/jquery.prettyPhoto.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('a[rel^="prettyPhoto"]').prettyPhoto({
            // any configuration options as per the online documentation.
        });
    });
</script>

$（文档）.ready（函数（）{
$（'a[rel^=“prettypto”]”）。prettypto({
//根据在线文档提供的任何配置选项。
});
});

旁注：要获得最有效的页面加载，请将您的JavaScript包含放在

部分末尾的

标记上方

CSS:您还缺少指向pretto的CSS文件的链接。这应该在页面的

部分

<link rel="stylesheet" type="text/css"  href="/path/to/prettyPhoto.css" media="screen" />

您的HTML:

<a href="images/fullscreen/2.jpg" rel="prettyPhoto" title="This is the description">
    <img src="images/thumbnails/t_2.jpg" width="60" height="60" alt="This is the title" />
</a>

---

以下是我发现的一些大问题

在

部分中，您有以下内容

<script type="text/jscript" src="JS/jquery.prettyPhoto.js"></script>
<script type="text/jscript" src="JS/jquery-1.3.2.min.js"></script>
<script type="text/jscript" src="JS/jquery-1.4.4.min.js"></script>
<script type="text/jscript" src="JS/jquery-1.6.1.min.js"></script>

第一个问题：在jQuery之前包含prettyTo。您需要在任何jQuery插件之前“包含”jQuery

第二个问题：您包含了三个版本的jQuery。不能“包括”多个jQuery版本或实例。出于某种原因，您正在包括并加载版本1.3.2、1.4.4和1.6.1。就用最新的吧

第三个问题：您没有调用PrettyTo。在“包含”插件之后，需要使用JavaScript调用它

它应该看起来像这样

<script type="text/javascript" src="JS/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="JS/jquery.prettyPhoto.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('a[rel^="prettyPhoto"]').prettyPhoto({
            // any configuration options as per the online documentation.
        });
    });
</script>

$（文档）.ready（函数（）{
$（'a[rel^=“prettypto”]”）。prettypto({
//根据在线文档提供的任何配置选项。
});
});

旁注：要获得最有效的页面加载，请将您的JavaScript包含放在

部分末尾的

标记上方

CSS:您还缺少指向pretto的CSS文件的链接。这应该在页面的

部分

<link rel="stylesheet" type="text/css"  href="/path/to/prettyPhoto.css" media="screen" />

您的HTML:

<a href="images/fullscreen/2.jpg" rel="prettyPhoto" title="This is the description">
    <img src="images/thumbnails/t_2.jpg" width="60" height="60" alt="This is the title" />
</a>

设置和配置非常简单，所以您遇到了什么问题，需要什么样的建议？看起来您已经实现了本页上的一些建议。您还有什么问题吗？设置和配置非常简单，所以您遇到了什么问题，需要什么样的建议？看起来您已经实现了本页上的一些建议。你还有什么问题吗？