Jquery 一个完全透明的覆盖层,中间有一个白色的空白框
我包含了“代码> >代码>核心和<代码>彩盒< /代码>脚本,并链接了<代码>彩盒< /代码>样式表,但是当我点击应该由彩盒显示的图像时,我得到了一个完全透明的覆盖,中间有一个白色的空白框,而不是点击的图像。 有什么我错过的吗Jquery 一个完全透明的覆盖层,中间有一个白色的空白框,jquery,colorbox,Jquery,Colorbox,我包含了“代码> >代码>核心和彩盒< /代码>脚本,并链接了彩盒< /代码>样式表,但是当我点击应该由彩盒显示的图像时,我得到了一个完全透明的覆盖,中间有一个白色的空白框,而不是点击的图像。 有什么我错过的吗 <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"/> <title></title> <style>
<!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>
$(函数(){
$(“img.cover”).colorbox({rel:“books”});
});//准备好了吗
应该是这样的:
HTML:
FIDDLE:我也没有将配色箱的
图像
文件夹放在我项目的目录中。因此没有按钮和覆盖图。不确定您错过了什么,因为我们看不到您做了什么。好的,我将在minsorry中包含源代码,包括代码!
<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>
$("a.cover").colorbox({rel: "books"});