文档章节

jquery 全屏幻灯片 fullsizable GTX加强版 不拉伸图片

大灰狼wow
 大灰狼wow
发布于 2015/08/15 15:31
字数 105
阅读 13
收藏 0

if (image.ratio == null) {
image.ratio = (image.naturalHeight / image.naturalWidth).toFixed(2);
}
if ($(window).height() / image.ratio > $(window).width()) {
$(image).width($(window).width());
$(image).height($(window).width() * image.ratio);
return $(image).css('margin-top', ($(window).height() - $(image).height()) / 2);
} else {
//都执行了这块代码 var max = $("#jquery-fullsizable").height();
var imgh = $(image).context.height;
var mtop = 0;
if (imgh >= max) {
mtop = 0;
} else {
mtop = parseInt((max - imgh) / 2);

	}  
	console.log(mtop);  
	// $(image).height($(window).height());  
	//  $(image).width($(image).width);  
	return $(image).css('margin-top', mtop);  
}  

官方地址http://plugins.jquery.com/fullsizable/ githubhttps://github.com/MSchmidt/jquery-fullsizable

© 著作权归作者所有

大灰狼wow
粉丝 48
博文 396
码字总数 49161
作品 1
嘉兴
程序员
私信 提问
39 个超实用 jQuery 实例应用特效

1.Contextual Slideout:上下文滑动特效 2.Revealing Photo Slider:图片幻灯片特效 3.Fancy Box:魔幻盒 4.Scrollable:滚动特效 5.Flip:翻转特效,实现4个方向旋转 6.Smart tooltips:智能...

MrMign
2012/09/12
27.6K
6
《基于JQuery和CSS的特效整理》系列分享专栏

《基于JQuery和CSS的特效整理》已整理成PDF文档,点击可直接下载至本地查阅 https://www.webfalse.com/read/201724.html 文章 一款基于jQuery的颜色拾取器 分享一款基于jQuery的QQ表情插件 ...

kaixin_code
2018/11/04
68
0
20 个 jQuery 图片及多媒体画廊插件

在本文中,我们将一起看一看20款最好的jquery插件,你可以利用它轻松创建功能丰富的画廊。这其中的一些支持多媒体格式,比如视频和Flash,也有一些可能是老面孔了,可以说是经过时间验证,非...

小卒过河
2011/08/11
5.8K
2
让人期待的2011年度最佳 jQuery 插件发布啦

  近日,国外著名博客WDL发布了2011年度最佳 jQuery 插件。jQuery 自2006年发布以来,经过五年的迅速发展,目前已是最流行和使用最广泛的 JavaScript 框架。jQuery 的易扩展性吸引了来自全...

Yamazaki
2012/05/02
89
0
jQuery教程:教你打造20个超级酷的视觉效果

我们都爱jQuery,因为基于它我们可以做出各种奇特的效果。下面这些特效教程都基于不同的主题,它们都包括一些很酷的视觉效果。按照下列步骤来进行重新设计,或按照这些使用的步骤用到你自己的...

ch2004
2012/04/03
163
0

没有更多内容

加载失败,请刷新页面

加载更多

mysql-connector-java升级到8.0后保存时间到数据库出现了时差

在一个新项目中用到了新版的mysql jdbc 驱动 <dependency>     <groupId>mysql</groupId>     <artifactId>mysql-connector-java</artifactId>     <version>8.0.18</version> ......

ValSong
今天
5
0
Spring Boot 如何部署到 Linux 中的服务

打包完成后的 Spring Boot 程序如何部署到 Linux 上的服务? 你可以参考官方的有关部署 Spring Boot 为 Linux 服务的文档。 文档链接如下: https://docs.ossez.com/spring-boot-docs/docs/r...

honeymoose
今天
6
0
Spring Boot 2 实战:使用 Spring Boot Admin 监控你的应用

1. 前言 生产上对 Web 应用 的监控是十分必要的。我们可以近乎实时来对应用的健康、性能等其他指标进行监控来及时应对一些突发情况。避免一些故障的发生。对于 Spring Boot 应用来说我们可以...

码农小胖哥
今天
9
0
ZetCode 教程翻译计划正式启动 | ApacheCN

原文:ZetCode 协议:CC BY-NC-SA 4.0 欢迎任何人参与和完善:一个人可以走的很快,但是一群人却可以走的更远。 ApacheCN 学习资源 贡献指南 本项目需要校对,欢迎大家提交 Pull Request。 ...

ApacheCN_飞龙
今天
5
0
CSS定位

CSS定位 relative相对定位 absolute绝对定位 fixed和sticky及zIndex relative相对定位 position特性:css position属性用于指定一个元素在文档中的定位方式。top、right、bottom、left属性则...

studywin
今天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部