文档章节

让博客园博客中的图片支持fancybox浏览

SnowFlake
 SnowFlake
发布于 2016/06/20 16:15
字数 140
阅读 10
收藏 0

我给博客中的图片设置了最大宽度,如果有大点的图片内容会模糊。

所以想实现点击图片可弹窗浏览。还好博客园支持自定义js和css。这样我们可以引入fancybox插件。

实现:

1. 进到配置页面http://i.cnblogs.com/Configure.aspx

2. 在页首Html代码填上 <link href="//cdn.bootcss.com/fancybox/2.1.5/jquery.fancybox.min.css" rel="stylesheet">

    页脚Html代码填上

   <script src="//cdn.bootcss.com/fancybox/2.1.5/jquery.fancybox.pack.js"></script>
   <script type="text/javascript" src="http://sandbox.runjs.cn/uploads/rs/454/tvi0igb5/my.js"></script>

保存,ok。

本文转载自:http://www.cnblogs.com/mafeifan/p/5084405.html

SnowFlake
粉丝 9
博文 171
码字总数 0
作品 0
郑州
程序员
私信 提问
jQuery Fancybox插件使用参数详解

今天给大家介绍的jquery图片播放插件叫Fancybox,相比LightBox来说,Fancybox相对庞大点,配置也更丰富一些,相信你会喜欢的。 Fancybox的项目主页地址:http://fancybox.net/ Fancybox的特点...

欣儿
2014/04/18
3.9K
0
【jquery】fancybox 是一款优秀的 jquery 弹出层展示插件

今天给大家分享一款优秀的 jquery 弹出层展示插件 fancybox。它除了能够展示图片之外,还可以展示 flash、iframe 内容、html 文本以及 ajax 调用,我们可以通过 css 来自定义外观。 fancybox...

chaun
2015/05/27
202
0
FancyBox 2.0 发布,全新的 jQuery 弹出层

FancyBox是一款基于jquery开发的类Lightbox插件。支持对放大的图片添加阴影效果,对于一组相关的图片添加导航操作按纽,该lightbox除了能够展示图片之外,还可以展示iframed内容, 通过css自...

红薯
2011/11/23
8.2K
10
FancyBox ,比LightBox更绚丽的效果

官方教程: 1,首先,你应当确定你的文档中应有一个有效的文档声明(即DOCTYPE声明),这是保证FancyBox效果能正常实现的前提条件。 2,请将以下js文件包含在你的效果展示页面 < script type ...

红薯
2011/01/23
3.3K
4
jquery Fancybox使用教程

Fancybox是一款基于jquery的对图片展示播放的插件,当然,它html文本、flash动画、iframe以及ajax也予以支持。还可以通过css自定义外观,阴影效果超级赞! 演示效果:http://www.phpddt.com...

mckee
2013/06/29
1K
1

没有更多内容

加载失败,请刷新页面

加载更多

rime设置为默认简体

转载 https://github.com/ModerRAS/ModerRAS.github.io/blob/master/_posts/2018-11-07-rime%E8%AE%BE%E7%BD%AE%E4%B8%BA%E9%BB%98%E8%AE%A4%E7%AE%80%E4%BD%93.md 写在开始 我的Arch Linux上......

zhenruyan
今天
5
0
简述TCP的流量控制与拥塞控制

1. TCP流量控制 流量控制就是让发送方的发送速率不要太快,要让接收方来的及接收。 原理是通过确认报文中窗口字段来控制发送方的发送速率,发送方的发送窗口大小不能超过接收方给出窗口大小。...

鏡花水月
今天
10
0
OSChina 周日乱弹 —— 别问,问就是没空

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @tom_tdhzz :#今日歌曲推荐# 分享容祖儿/彭羚的单曲《心淡》: 《心淡》- 容祖儿/彭羚 手机党少年们想听歌,请使劲儿戳(这里) @wqp0010 :周...

小小编辑
今天
1K
11
golang微服务框架go-micro 入门笔记2.1 micro工具之micro api

micro api micro 功能非常强大,本文将详细阐述micro api 命令行的功能 重要的事情说3次 本文全部代码https://idea.techidea8.com/open/idea.shtml?id=6 本文全部代码https://idea.techidea8....

非正式解决方案
今天
5
0
Spring Context 你真的懂了吗

今天介绍一下大家常见的一个单词 context 应该怎么去理解,正确的理解它有助于我们学习 spring 以及计算机系统中的其他知识。 1. context 是什么 我们经常在编程中见到 context 这个单词,当...

Java知其所以然
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部