我尝试了三种不同的 jquery 插件来尝试在我单击带有图像的链接时显示灯箱。这是我目前正在尝试的 http://balupton.github.com/jquery-lightbox/demo/我已经在头部添加了插件源并且带有图像的链接具有 rel='lightbox' 但是当我单击图像时它会使浏览器打开图像。
这是我的想法
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="description" content="sumthing">
<meta name="keywords" content="stuff">
<link rel="stylesheet" type="text/css" href="/site_media/css/peda.css">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/site_media/favicon.ico" type="image/x-icon">
<script type="text/javascript" src="/site_media/js/jquery.js"></script>
<script type="text/javascript" src="/site_media/jquery-lightbox/scripts/jquery.lightbox.min.js"></script>
<script src="/site_media/js/imgscale.js"></script>
<script type="text/javascript">
这就是我获得图片链接的方式
<a rel="lightbox" href="someexternalimage.jpg"><img class="contentimg" style="display:block; max-width:100%;max-height:500px; padding-top:5px; margin-bottom:3px" src="someexternalimage.jpg"></a>
希望有人能帮帮我,谢谢
最佳答案
确保脚本已添加到页面并且您使用的是 lightbox 推荐的 jquery 版本。我认为这与您的安装有关,因为我必须在 fiddle 中工作:
关于javascript - 使 jquery 灯箱工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6891875/