9
网页中的图片点击放大效果：Highslide 和 Lightbox
source link: https://yihui.org/cn/2007/09/highslide-and-lightbox/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
网页中的图片点击放大效果：Highslide 和 Lightbox
谢益辉 / 2007-09-08
这两个网站是我所看到比较经典的 JS 图片放大效果网站：
前者是在页面内缩放，后者是采用的 “全屏” 效果，我看后者的代码稍微简单一些，就采用了后者，不过也借鉴了前者的一个放大镜图标，这样有助于提醒访问者他所看到的这幅图片时可以继续放大的；不过这个图标还费了我半天劲才让它在 IE 中也显示出来，主要是 IE 对 CSS 中文件路径的解析比较奇怪，而 Firefox 就能正确解析出来。
那么以后本站中的图片就可以有缩放效果啦！而且对于多幅图片，还可以以幻灯方式依次浏览，嗯，8 错 8 错。
← 关于网页的小笔记：Firefox 和 IE、fieldset 标签 开学了，谁最欢迎新生？ →
Disqus
Utterances
Preferences
© Yihui Xie 2005 - 2020
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK