html5图片平铺的代码,jQuery图片平铺效果制作网页背景图片平铺代码

插件描述：jQuery图片平铺效果制作网页背景图片平铺代码

调用JS文件

调用插件方法

$(function(){

// 插件初始化

$('img').jqthumb({

classname : 'jqthumb', // 类名. 默认是 jqthumb

width : '100%', // 新的图像裁剪后宽度. 默认是 100px.

height : '100%', // 新的图像裁剪后高度. 默认是 100px.

position : {

x : '50%', // 图像的水平位置. 默认是 50%, 表示水平居中图像.

y : '50%' // 图像的垂直位置. 默认是 50%, 表示垂直居中图像.

source : 'src', // 指定图像源属性. 默认是 src.

show : false, // TRUE = 显示后立即处理. FALSE = 不表现出来. 默认是 TRUE.

responsive : 20, // 只使用老版本浏览器. 0 表示禁用. 默认是 20

zoom : 1, // 放大输出, 2 表示将实际图像大小放大两倍. 默认是 1

method : 'auto', // 可以有 3 个方法: "auto", "modern" and "native". 默认是 auto

reinit : true, // TRUE = 当图片重新加载重新初始化. FALSE = 不作任何处理.

before : function(oriImage){ // 每张图片开始处理前的回调函数.

alert("I'm about to start processing now...");

after : function(imgObj){ // 当每个图像剪裁时的回调函数.

console.log(imgObj);

done : function(imgArray){ // 当所有图片裁剪结束后的回调函数.

for(i in imgArray){

$(imgArray[i]).fadeIn();

}

});

html5图片平铺的代码,jQuery图片平铺效果制作网页背景图片平铺代码相关推荐

html网页背景图片平铺代码,jQuery图片平铺效果制作网页背景图片平铺代码
插件描述:jQuery图片平铺效果制作网页背景图片平铺代码调用JS文件调用插件方法 $(function(){ // 插件初始化 $('img').jqthumb({ classname : 'j ...
防仿百度图片背景色php,基于jQuery实现仿百度首页换肤背景图片切换代码_jquery...
不多说了,先给大家展示效果图,本文支持源码下载哦,需要的朋友可以直接下载使用,代码很简单哦- html代码: css代码: *{margin:0;padding:0} a{color:#fff; ma ...
解决网页背景图片高度无法达到100%平铺界面问题
网页背景图片无法根据浏览器大小实现宽度100%的情况: 通过css属性来实现一种视觉错觉来实现高度100% body{background: #c0c0c0;background-image: url ...
html背景图固定,网页背景图片固定在一个位置不重复代码
css之background-repeat的几种属性 background-repeat: 指背景图片的重复与否以及重复方式, 有no-repeat, repeat, repeat-x, repea ...
一款基于jquery的下拉点击改变背景图片
今天给大家介绍一款基于jquery的下拉点击改变背景图片.单击右上角的图片,下拉显示可选择的背景图片,单击图片变为背景图.效果图下: 在线预览源码下载实现的代码. html代码: <a ...
jquery设置网页背景图片
jquery设置网页背景图片 $('body').css("background-image","url(/images/BK2.jpg)"); $(' ...
html网页左侧背景,CSS设置html网页背景图片 CSS设置网页背景颜色
CSS设置网页背景图片 CSS设置网页背景颜色技术教程篇本篇DIVCSS5以布局思想介绍使用CSS设置实现网页背景技巧为主,希望对DIV CSS爱好者有帮助.通常对网页设置背景直接对body设置背景 ...
CSS设置html网页背景图片 CSS设置网页背景颜色
http://www.divcss5.com/jiqiao/j768.shtml CSS设置网页背景图片 CSS设置网页背景颜色技术教程篇本篇DIVCSS5以布局思想介绍使用CSS设置实现网页背景技 ...
网页背景图片自动拉伸
<style type="text/css"> <!-- body { background-image: url(bg.gif); background-rep ...

html5图片平铺的代码,jQuery图片平铺效果制作网页背景图片平铺代码

html5图片平铺的代码,jQuery图片平铺效果制作网页背景图片平铺代码相关推荐

最新文章

热门文章