Picbox修改點擊彈出圖片切換效果,適用于的jQuery版本比較低,但是引用jQuery版本遷移輔助插件即可解決問題。如下:
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script> <script src="http://www.jq22.com/jquery/jquery-migrate-1.2.1.min.js"></script>
引入 CSS 和 JS 文件:
<!-- 引入jQuery --> <script src="http://libs.baidu.com/jquery/1.4.4/jquery.min.js"></script> <!-- 引入picbox.js --> <script type="text/javascript" src="js/picbox.js"></script> <!-- 引入picbox.css --> <link rel="stylesheet" href="css/picbox.css" type="text/css" media="screen">
組圖用法:
<p> <a href="example.jpg" rel="lightbox-group" title="圖片信息1">打開大圖</a> to view a picture inside Picbox. <a href="example2.jpg" rel="lightbox-group" title="圖片信息2">Click here</a> to view a picture inside Picbox. </p>
單圖用法:
<a href="example.jpg" rel="lightbox" title="Double click for full size">Click here</a> <a href="example2.jpg" rel="lightbox" title="Double click for full size"> <img style="width:100px;" src="example2.jpg"> </a>