弹出层多媒体浏览插件clearbox

最新推荐文章于 2025-01-07 11:21:39 发布

yhhazr

最新推荐文章于 2025-01-07 11:21:39 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

文章标签： image

本文链接：https://blog.youkuaiyun.com/yhhazr/article/details/7866493

本文介绍如何利用ClearBox插件轻松加载、显示图像、音乐、YouTube视频，并支持画廊功能，实现跨平台的内容展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

插件官网：http://www.clearbox.hu/index_en.html

加载

<script src="clearbox.js" type="text/javascript"></script>

使用

<a href="image.jpg" rel="clearbox" title="Caption"><img src="image_thumbnail.jpg" /></a> 
<a href="music.mp3" rel="clearbox">sample music</a> 

<a href="a.jpg" rel="clearbox[gallery=My Gallery]"
>sample image</a>
<a href="b.mp3" rel="clearbox[gallery=My Gallery]"
>sample music</a>
<a href="http://www.youtube.com/v/myrmovieid" rel="clearbox[gallery=My Gallery]"
>sample youtube</a>