jquery Skitter Plugin Trial

: http://www.skitter-slider.net

Demo Website: http://thiagosf.net/projects/jquery/skitter

The biggest feature of this plugin is that it has a lot of animations when flipping or swiping, such as cubic shape, pipe shape, and so on. It gives the user a range of options for maximum customization, such as animation speed, conversion interval, picture text label settings, etc.

The use is simple, give the money to the configuration on the line.

Detailed configuration parameters See: http://blog.sina.com.cn/s/blog_7f95e24b01017ts9.html and Official website. Don't repeat it here.

650) this.width=650; "src=" Http://s3.51cto.com/wyfs02/M02/49/15/wKioL1QOk-bCx6OiAAQ4vQTURn8192.jpg "title=" Skitter "alt=" Wkiol1qok-bcx6oiaaq4vqturn8192.jpg "/>

Here is the main point about its shortcomings.

Disadvantage One:

is also a bug I think, the parameters set full screen when the widescreen picture display no problem (official web is full of widescreen pictures), when the narrow screen large picture full screen, the following comparison:

650) this.width=650; "src=" Http://s3.51cto.com/wyfs02/M02/49/15/wKioL1QOlROxOEjAAAdbGdLBOtA649.jpg "title=" Skitter "alt=" Wkiol1qolroxoejaaadbgdlbota649.jpg "/>

650) this.width=650; "src=" Http://s3.51cto.com/wyfs02/M02/49/15/wKioL1QOlbWQwdyUAAOdAquoenA195.jpg "title=" Skitter "alt=" Wkiol1qolbwqwdyuaaodaquoena195.jpg "/>

Can clearly see the disharmony. Look at the code only to know that its ' parents ' are ill-conceived all

650) this.width=650; "src=" Http://s3.51cto.com/wyfs02/M02/49/16/wKioL1QOlrWyP3E-AAI6YXEtVuQ335.jpg "title=" Skitter "alt=" Wkiol1qolrwyp3e-aai6yxetvuq335.jpg "/>

Only the height is defined and no width is defined (be careful when writing your own program, think of all possible scenarios). thus

650) this.width=650; "src=" Http://s3.51cto.com/wyfs02/M00/49/16/wKioL1QOlyzjGKc3AAJm8Mfy_QM800.jpg "title=" Skitter "alt=" Wkiol1qolyzjgkc3aajm8mfy_qm800.jpg "/>

Look at the effect:

650) this.width=650; "src=" Http://s3.51cto.com/wyfs02/M00/49/16/wKioL1QOl4uR-1vqAAfbR0Hp2xw462.jpg "title=" Skitter "alt=" Wkiol1qol4ur-1vqaafbr0hp2xw462.jpg "/>

Disadvantage Two:

Mobile phone slide changer is not supported. How can I tolerate the use of the mobile phone.

Continue to modify the source code. With another plug-in jquery_mobile.

Usage:

650) this.width=650; "src=" Http://s3.51cto.com/wyfs02/M01/49/17/wKiom1QOuv2w5SWuAAG2shZ-OWc444.jpg "title=" Skitter "alt=" Wkiom1qouv2w5swuaag2shz-owc444.jpg "/>

Look at the source code, find a suitable place to modify, add codes:

650) this.width=650; "src=" Http://s3.51cto.com/wyfs02/M02/49/19/wKioL1QOu0-y4bJdAAQzLPV-9oo572.jpg "title=" Skitter "alt=" Wkiol1qou0-y4bjdaaqzlpv-9oo572.jpg "/>

In fact, this is modeled after its previous and the Next button trigger event write, but the trigger source changed.

The concrete effect is not convenient to demonstrate, it is necessary to try it yourself.

After the use of feelings. Through a few times its source code, found that it and other slides good reason is the same switch, skitter switching effect of a variety, you can set your own, if you can even define your own switching effect, and it has a very good switching effect because he cut a picture into n small pictures, Then define several switching effect functions, each of which uses the corresponding code to manipulate the small images. Now to see the switching effect of skitter, it will be easy to find that the size of the small image of the specified switch. So skitter real dry goods is the switch effect function.

keep looking at the source code constantly . Do not understand the source code, the wrong look at the source code, changes before the source ...

This article is from "snail" blog, please be sure to keep this source http://rainday5.blog.51cto.com/6054509/1550187

jquery Skitter Plugin Trial