高分求助，lightbox如果显示指定范围内的图片？

rart2008 2011-09-14 10:23:01

现在页面上用Repeater绑定li的数据，每个li里面的又用Repeater绑定了图片，图片最多4张，现在用lightbox插件做到了大图浏览功能，但是浏览的不只是当前点击的这个li里面的图片，而是页面上所有li里的图片，怎么实现只能浏览当前点击的li里面的图片。

请高手指教？谢谢！

...全文

156 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

豆虫 2011-09-14

打赏
举报

回复

demo:http://apps.hi.baidu.com/share/detail/33724437

BLUE_LG 2011-09-14

打赏
举报

回复

修改repeater!

BLUE_LG 2011-09-14

打赏
举报

回复

加个什么限制。。

本文围绕网页设计中图片交互技术展开，介绍了用CSS实现图片鼠标悬停放大效果，阐述Lightbox技术原理、应用场景及多种实现方法，还说明了CSS和HTML结合实现基础Lightbox效果，给出JavaScript库和框架使用建议，并通过案例展示了两种技术的实践应用。

本文详细介绍基于PHP与CSS3构建的Lightbox图片展示系统，支持目录直读、无需数据库即可动态加载图片。涵盖文件安全、性能缓存、前端动效、响应式交互及无障碍访问等关键技术，提供高可用、易部署的轻量级画廊解决方案。

Lightbox技术可让用户在网页点击图片后全屏弹出查看。本文集合其六个版本，介绍了各版本功能特点、核心功能如弹出视图、缩放、导航等，还说明了应用范围、兼容性，以及集成使用和自定义扩展方法，能助力开发者选合适方案提升图片查看体验。

本文围绕React Image Lightbox组件，系统阐述图片预加载与懒加载的技术实现及协同优化策略。重点涵盖预加载的多源并发、缓存复用与优先级调度机制；懒加载基于可视区域触发的按需加载方案；并提出图片格式（WebP）、响应式尺寸、CSS布局稳定性等关键技术实践。同时分析移动端适配、初始加载瓶颈等问题的解决路径。

本文介绍了一个使用lightbox组件在网页上展示图片的方法。通过简单的HTML结构和lightbox的JavaScript库，可以轻松实现图片的缩略图展示及点击放大效果。示例中展示了如何链接缩略图到高分辨率图片，并通过lightbox进行展示。

87,990

社区成员

224,684

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章