我已经按照要求引入了相关js和css:
<script type="text/javascript" src="${pageContext.request.contextPath}/thickbox/js/thickbox.js"></script>
<link rel="stylesheet" href="${pageContext.request.contextPath}/thickbox/css/thickbox.css" type="text/css" media="screen" />
并且显示单张图片都正常。网上的例子都说直接在
<a href="images/plant1.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="gallery-plants">
里添加一个相同的rel就可以显示多张了,但我始终显示不出来,麻烦帮忙看看。
报错信息:
Syntax error, unrecognized expression: [@rel=gallery-plants]
<script type="text/javascript" src="${pageContext.request.contextPath}/thickbox/js/thickbox.js"></script>
<link rel="stylesheet" href="${pageContext.request.contextPath}/thickbox/css/thickbox.css" type="text/css" media="screen" />
并且显示单张图片都正常。网上的例子都说直接在
<a href="images/plant1.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="gallery-plants">
里添加一个相同的rel就可以显示多张了,但我始终显示不出来,麻烦帮忙看看。
报错信息:
Syntax error, unrecognized expression: [@rel=gallery-plants]
出现这种问题,原因多因jQuery升级成了新版本,以前的[@rel]方法换成了现在的[rel]。所以,解决的方法是找到thickbox.js//79行
//TB_TempArray = $("a[@rel="+imageGroup+"]").get();
//替换成
TB_TempArray = $("a[rel="+imageGroup+"]").get();
http://www.qic.com.cn/spotauth/spotAuthCenter.action?mainState=7&subState=71
这是我们网址,等着用这种效果呢。
找个3.1版本的应该就不会有问题了,从这里下个
http://jquery.com/demo/thickbox/