jquery - 需要分步帮助使用dreamweaver将jquery lightbox添加到我的代码中

Question

我买了一个模板，一直在 Dreamweaver 中编辑。想加上lightbox的弹窗功能，自己试了下，搞不定。

我可以使用一些向白痴解释的分步说明..（即“此代码在第 26 行”类型的交易）...如果您想解释原因，那也很棒，所以这样我可以了解我的模板编码中发生了什么......

我使用的 jquery 灯箱插件是leadro vieira 插件，下面是我网站上特定页面之一的代码。我不知道您是否还需要编辑任何 .js 文件 .css 文件？我是否为您提供了足够的信息来帮助我？无论如何，任何帮助都非常感谢。

score 2 · Accepted Answer

从下载 zip 文件

找到文件 jquery.lightbox-0.5.pack.js 并将其粘贴到项目的 js 文件夹中。

现有线路后

<script type="text/javascript" src="js/jquery-1.7.min.js"></script>

放线

<script type="text/javascript" src="js/jquery.lightbox-0.5.pack.js"></script>

在 zip 中找到 css 文件 jquery.lightbox-0.5.css，并将其放入您的 css 文件夹中。

在现有行之后：

<link rel="stylesheet" type="text/css" media="screen" href="css/style.css">

放线

<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />

换行：

<img src="images/spec_offer1.jpg" alt="" />

和

<a class="lightbox" href="spec_offer1.jpg"><img src="spec_offer1_thumb.jpg" alt=""/></a>

（您必须自己创建缩略图）

然后，在结束 body 标记上方添加以下内容：

<script>
    $('.lightbox').lightBox();
</script>

1 回答 1