Lightbox2 图片弹出

左手的ㄟ右手 2022-04-22 00:28 175阅读 0赞

一：首先你下载包放到你的工程里面

Lightbox2在我的附件里，你也可以访问：[http://www.huddletogether.com/projects/lightbox2/][http_www.huddletogether.com_projects_lightbox2]

二：在你的jsp界面中插入

<script type="text/javascript" src="js/prototype.js"></script>
    <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
    <script type="text/javascript" src="js/lightbox.js"></script>

三：加入样式

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

四：直接引用

<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

主页:[http://www.lokeshdhakar.com/projects/lightbox2/][http_www.lokeshdhakar.com_projects_lightbox2]

下载:[http://www.lokeshdhakar.com/projects/lightbox2/\#download][http_www.lokeshdhakar.com_projects_lightbox2_download]

示例:[http://www.lokeshdhakar.com/projects/lightbox2/\#example][http_www.lokeshdhakar.com_projects_lightbox2_example]

[http_www.huddletogether.com_projects_lightbox2]: http://www.huddletogether.com/projects/lightbox2/
[http_www.lokeshdhakar.com_projects_lightbox2]: http://www.lokeshdhakar.com/projects/lightbox2/
[http_www.lokeshdhakar.com_projects_lightbox2_download]: http://www.lokeshdhakar.com/projects/lightbox2/#download
[http_www.lokeshdhakar.com_projects_lightbox2_example]: http://www.lokeshdhakar.com/projects/lightbox2/#example

发表评论取消回复

表情：

评论列表（有 0 条评论，175人围观）

还没有评论，来说两句吧...

相关阅读

相关 Bootstrap Tooltip 弹出图片提示信息

html中引入bootstrap的css和js，然后在需要提示的标签上，加上： data-toggle="tooltip" data-placement="bottom...

骑猪看日落/ 2024年04月17日 18:52/ 0 赞/ 99 阅读

相关使用JQuery完成定时弹出广告/图片

script部分 <script type="text/javascript" src="../js/jquery-3.4.1.js"></script>

我会带着你远行/ 2023年06月08日 09:26/ 0 赞/ 74 阅读

相关模拟LightBox

重新写一遍其实这个东西整个页面只会有一个所以根本就不需要用构造类来构造的写直接写成对象就好了......................... positio

向右看齐/ 2022年08月06日 08:26/ 0 赞/ 201 阅读

相关图片弹出层的居中显示

有个单纯的图片弹出，要居中显示，加载居中如下： ![Center][] 对应的 html 代码如下： <div class="pop"> <div

叁歲伎倆/ 2022年08月06日 04:29/ 0 赞/ 213 阅读

相关 JQuery Dialog弹出图片

需求背景：点击某个超链接或者按钮，弹出一张图片。之前写过一篇关于[弹出对话框][Link 1]的blog，用的插件就是JQuery Dialog，话不多说，给出关

绝地灬酷狼/ 2022年06月18日 12:20/ 0 赞/ 308 阅读

相关 js弹出层demo2

网上找的一个example，修改了一下，可用，code如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit

爱被打了一巴掌/ 2022年06月16日 13:45/ 0 赞/ 223 阅读

相关 Lightbox2 图片弹出

一：首先你下载包放到你的工程里面 Lightbox2在我的附件里，你也可以访问：[http://www.huddletogether.com/p

左手的ㄟ右手/ 2022年04月22日 00:28/ 0 赞/ 176 阅读

相关 Lightbox弹出层插件：jQuery弹出层插件用法

插件描述：这款lightbox,可应用于图片、swf文件、html文件等等。 ![Lightbox弹出层插件][Lightbox] Lightbox弹出层插件说明文档

红太狼/ 2022年04月12日 09:56/ 0 赞/ 438 阅读

相关 OpenCV | imshow()弹出窗口图片未响应；无法显示图片

报错 cv2.error error: (-215:Assertion failed) dst.data == (uchar\)dst\_ptr in function '

阳光穿透心脏的1/2处/ 2022年03月12日 06:18/ 0 赞/ 426 阅读

相关 layer 点击图片缩略图弹出图片原图

项目中有一个需求，点击图片的缩略图可以弹出弹层，查看图片原图；点击关闭按钮或点击遮罩层部分关闭图片代码实现如下： 1. 项目是单页面，有多处需要用到查看图片详情，

骑猪看日落/ 2021年10月23日 15:38/ 0 赞/ 957 阅读