-2

我也包括jquery核心和colorbox脚本并链接colorbox样式表，但是当我单击应该由颜色框显示的图像时，我得到一个完全透明的覆盖，中间有一个白色空白框，而不是单击的图像。

有什么我错过的吗？

<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>

<meta charset="utf-8"/>
<title></title>

<style>

</style>

<link rel="stylesheet" href="colorbox.css" />

<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/colorbox/jquery.colorbox-min.js"></script>

<script>
    $(function (){
        $("img.cover").colorbox({rel: "books"});
    });//on doc ready
</script>

</head>

<body>

    <img class="cover" src="pic1.jpg" />

</body>

</html>
4

2 回答 2

1

它应该是这样的：

HTML：

<a class="cover" href="http://images5.fanpop.com/image/photos/29500000/-Swag-bieber-instagram-puppy-justin-bieber-29500273-500-500.jpg">
    <img width="250" src="http://images5.fanpop.com/image/photos/29500000/-Swag-bieber-instagram-puppy-justin-bieber-29500273-500-500.jpg" />
</a>

JS：

$("a.cover").colorbox({rel: "books"});

小提琴：http : //jsfiddle.net/matias/6Y7cJ/1/

于 2013-04-13T13:46:57.473 回答
0

我也错过了将颜色框的images文件夹放在我的项目中的目录中。所以没有按钮和覆盖。

于 2013-04-14T12:35:25.307 回答