20选5走势图:jQuery 图片翻页展示效果 Awesome flipping page gallery

作者:网络 来源:佚名 更新时间:2010-12-26 20:01:52 点击:

安徽25选5直播 www.by7yj.cn jQuery 图片翻页展示效果 Awesome flipping page gallery,效果不错

 

This plugin builds an image gallery made as a book.

You can flip the book pages to view the next or previous image clicking or dragging the animated corners shown when hovering on the gallery area.

The plugin needs jquery 1.2.3. Tested with all jquery compatible browsers.

IE needs a modified version of excanvas I wrote that supports patterns (with a special feature to scale patterns) and rotated linear gradient.

You need to add the following line to the head:

<!--[if IE]><script type="text/javascript" src="excanvasX.js"></script><![endif]-->

 

How to use the plugin

The plugin finds all the images inside the provided selector and build the flipping book gallery.

$(selector).jFlip(width,height,options)

 

Arguments

  • width (number - default 300) : width of the canvas in px
  • height (number - default 300) : height of the canvas in px
  • options (hash) :
    • background (string - default "green") : background color when images are smaller than canvas ("red","#FFF","rgba(255,255,255)")
    • cornersTop (boolean - default true) : true for top corners, false for bottom ones
    • scale (string - default "noresize") :
      • "noresize" images are not resized
      • "fit" big images are resized to be completely visible
      • "fill" all images are resized keeping aspect ratio to fill the canvas
    • gradientColors (array of strings - default [’#4F2727’,’#FF8F8F’,’#F00’]) : the colors the corners (dark color, light color, plain color) since version 0.4
    • curlSize (number - default 0.1) : the size of the corner as a fraction of height/width (ex: 0.1 sets corner width = jflip width*0.1 and corner height = jflip height*0.1) since version 0.4

Events - since version 0.4

The elements on which jFlip is applied can bind the flip.jflip event, triggered on page flip

The event handler has the following signature:

function(event,current_page,total_pages)

 

  • 点赞!5名男子冰河接力救人 2个孩子成功获救 2018-12-15
  • 你所说的时候正是四两酒半仙处于姑娘的时候。四两酒半仙说,她俩当年一人一餐饭就要吃一斤半米,你说这亩产够四两酒半仙一年吃吗??[微笑] 2018-12-14
  • 图解2017民政工作成绩单:改革试点全面推进 1.6万留守儿童复学 2018-12-14
  • “四大发明”是什么制? 2018-12-13
  • 在战火中诞生的党中央机关报(连载一) 2018-12-13
  • 陕西守艺人丨传承自父亲的老油坊,是我人生的希望之光 2018-12-12
  • 儿童家具质量抽检三成不合格 家长选购需注意 2018-12-12
  • 学会了脆皮炸香蕉 再也不会把香蕉放到烂啦-美食资讯 2018-12-12
  • 高通出局 未来iPhone modem芯片将完全由英特尔提供 2018-12-11
  • 《中国气候变化蓝皮书》:年平均气温显著上升 2018-12-11
  • 回复@海之宁:其中跟你不对付的小寻子、真理论者都是批咱的主力军也!小海童鞋作何解释? 2018-12-11
  • 偶像玄幻剧陆续定档 悠长暑假荧屏满溢青春气息 2018-12-10
  • 蔡奇主持市委常委会会议 学习总书记对脱贫攻坚工作重要指示 2018-12-10
  • 河北一保时捷车主疑遭枪击 警方悬赏9万元通缉 2018-12-10
  • 端午节 收艾草(组图) 2018-12-09
  • 251| 356| 67| 214| 569| 10| 465| 535| 441| 232|