当鼠标放置在对应缩略图上时,图片下方出现对应大图。提示使用offset()
2条回答 默认 最新
- 淼仔爱学习 2016-09-14 09:14关注
可以使用fancyBox,效果做出来是一样的:
特点1、允许我们用鼠标和键盘上的四个方向键切换图片
2、可以根据当前窗口大小自动调整弹出框的大小,当我们改变浏览器窗口大小时,将会看到弹出框自动缩放了
3、支持缩略图和按钮帮助导航
4、弹出框支持显示多种类型的内容(图片,html,视频……)
请下载demo中的文件(建议下载网盘中的,已经经过整理),查看index.html中的源代码,提取你想要的效果的js和html代码。还可以参加参数列表进行自定义设置。
使用步骤
1、下载插件并解压,复制文件并在你的页面中包含相关的脚本和样式文件,注意js和css文件的路径,(其实有些文件是可选的)
2、创建包含有将要在fancyBox中打开的元素的路径的a标签,大家可以注意到,这里面包含了两张图片,一张小图和一张大图,如果嫌麻烦的话,完全可以设置成一张图片,只需要控制各自的大小即可。只不过这样会在一定程度上加大页面的负担。
3、当页面文档被加载完毕后执行fancyBox函数
$(document).ready(function () { $( ".fancybox").fancybox(); });本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 错误 LNK2001 无法解析的外部符号
- ¥50 安装pyaudiokits失败
- ¥15 计组这些题应该咋做呀
- ¥60 更换迈创SOL6M4AE卡的时候,驱动要重新装才能使用,怎么解决?
- ¥15 让node服务器有自动加载文件的功能
- ¥15 jmeter脚本回放有的是对的有的是错的
- ¥15 r语言蛋白组学相关问题
- ¥15 Python时间序列如何拟合疏系数模型
- ¥15 求学软件的前人们指明方向🥺
- ¥50 如何增强飞上天的树莓派的热点信号强度,以使得笔记本可以在地面实现远程桌面连接