>> tms-0.4.1.js
tms-0.4.1.js ( File view )
/* jQuery based image slider
/* TMSlider 0.4.1 */
;(function($){
$.fn.TMSlider=$.fn.TMS=$.fn._TMS=function(o){
return this.each(function(){
var th=$(this),
_=th.data('_TMS')||{
centralExpand:{
&reverseWay&:false,&interval&:80,&blocksX&:8,&blocksY&:4,&easing&:&easeInQuad&,&way&:&diagonal&,&anim&:¢ralExpand&
&reverseWay&:false,&interval&:&1&,&blocksX&:&1&,&blocksY&:&1&,&easing&:&&,&way&:&lines&,&anim&:&zoomer&
fadeThree:{
&reverseWay&:false,&interval&:&1&,&blocksX&:&1&,&blocksY&:&1&,&easing&:&&,&way&:&lines&,&anim&:&fadeThree&
simpleFade:{
&reverseWay&:false,&interval&:&1&,&blocksX&:&1&,&blocksY&:&1&,&easing&:&&,&way&:&lines&,&anim&:&fade&
&reverseWay&:false,&interval&:40,&blocksX&:&1&,&blocksY&:&1&,&easing&:&&,&way&:&lines&,&anim&:&gSlider&
&reverseWay&:false,&interval&:40,&blocksX&:&1&,&blocksY&:&1&,&easing&:&&,&way&:&lines&,&anim&:&vSlider&
slideFromLeft:{
&reverseWay&:false,&interval&:&1&,&blocksX&:&1&,&blocksY&:&1&,&easing&:&easeOutBack&,&way&:&lines&,&anim&:&slideFromLeft&
slideFromTop:{
&reverseWay&:false,&interval&:&1&,&blocksX&:&1&,&blocksY&:&1&,&easing&:&easeOutBack&,&way&:&lines&,&anim&:&slideFromTop&
diagonalFade:{
&reverseWay&:false,&interval&:40,&blocksX&:12,&blocksY&:6,&easing&:&easeInQuad&,&way&:&diagonal&,&anim&:&fade&
diagonalExpand:{
&reverseWay&:false,&interval&:40,&blocksX&:8,&blocksY&:4,&easing&:&easeInQuad&,&way&:&diagonal&,&anim&:&expand&
fadeFromCenter:{
&reverseWay&:true,&interval&:&10&,&blocksX&:&10&,&blocksY&:&6&,&easing&:&&,&way&:&spiral&,&anim&:&fade&
&reverseWay&:false,&interval&:40,&blocksX&:&20&,&blocksY&:&1&,&easing&:&&,&way&:&lines&,&anim&:&slideRight&
verticalLines:{
&reverseWay&:false,&interval&:1,&blocksX&:12,&blocksY&:1,&easing&:&swing&,&way&:&lines&,&anim&:&vSlideOdd&
horizontalLines:{
&reverseWay&:false,&interval&:1,&blocksX&:1,&blocksY&:12,&easing&:&swing&,&way&:&lines&,&anim&:&gSlideOdd&
prsts:['centralExpand','fadeThree','simpleFade','gSlider','vSlider','slideFromLeft','slideFromTop','diagonalFade','diagonalExpand','fadeFromCenter','zabor','vertivalLines','gorizontalLines']
lines: function () {
var opt=this
for (var ret = [], i = 0; i & opt.maskC. i++)
ret.push(opt.maskC.eq(i))
return ret
spiral: function () {
var opt=this,
h = opt.blocksY,
w = opt.blocksX,
x, y, i, lr = function () {
for (i = i & w - 1 - i++)
if (ret.length & opt.maskC.length) ret.push(opt.matrix[step][i])
else return false
rb = function () {
for (i = i & h - 1 - i++)
if (ret.length & opt.maskC.length) ret.push(opt.matrix[i][w - 1 - step])
else return false
rl = function () {
for (i = i & w - 1 - i++)
if (ret.length & opt.maskC.length) ret.push(opt.matrix[h - 1 - step][w - i - 1])
else return false
lt = function () {
for (i = i & h - 1 - i++)
if (ret.length & opt.maskC.length) ret.push(opt.matrix[h - i - 1][step])
else return false
lr(step++)
return ret
vSnake: function () {
var opt=this,
h = opt.blocksY,
w = opt.blocksX,
for (i = 0; i & i++)
for (j = 0; j & j++)
if (i * .5 == ~~ (i / 2)) ret.push(opt.matrix[j][i])
else ret.push(opt.matrix[h - 1 - j][i])
return ret
gSnake: function () {
var opt=this,
h = opt.blocksY,
w = opt.blocksX,
for (i = 0; i & i++)
for (j = 0; j & j++)
if (i * .5 == ~~ (i / 2)) ret.push(opt.matrix[i][j])
else ret.push(opt.matrix[i][w - 1 - j])
return ret
diagonal: function () {
var opt=this,
h = opt.blocksY,
w = opt.blocksX,
i = j = n = 0
for (i = 0; i & i++)
for (ret[i] = [], j = 0; j &= j++)
if (j & h) ret[i].push(opt.matrix[j][i - j])
for (i = 1; i & i++)
for (j = 0, ret[n = ret.length] = []; j & h - j++)
ret[n].push(opt.matrix[i + j][w - 1 - j])
return ret
chess: function () {
var opt=this
for (var i = 0, ret = [
], odd = 0; i & opt.maskC. i++)
ret[odd = odd ? 0 : 1].push(opt.maskC.eq(i))
return ret
randomly: function () {
var opt=this
for (var ret = [], n = i = 0; i & opt.maskC. i++)
ret.push(opt.maskC.eq(i))
for (i = 0; i & opt.maskC. i++)
ret.push(ret.splice(parseInt(Math.random() * opt.maskC.length - 1), 1)[0])
return ret
centralExpand:function(el,last){
$(el).each(function(){
var th=$(this).css({
visibility:'hidden'
x=th.show().prop('offsetLeft'),
y=th.show().prop('offsetTop'),
w=th.width(),
h=th.height()
left:x+w/2,
top:y+h/2,
visibility:'visible',
.animate({
width:w//,
// height:h,
// left:x,
step:function(now){
var pc=(1-(w-now)/100)
height:h*pc,
left:x+((w/2)*(1-pc)),
top:y+((h/2)*(1-pc)),
backgroundPosition:'-'+(x+((w/2)*(1-pc)))+'px -'+(y+((h/2)*(1-pc)))+'px',
opacity:pc
duration:_.duration,
easing:_.easing,
complete:function(){
if(last)_.afterShow()
fadeThree:function(el,last){
var _=this
$(el).each(function(i){
var th=$(this).show().css({
left:-_.width/4,top:0,zIndex:2,opacity:0
clone=th.clone().appendTo(th.parent()).css({
left:_.width/4,top:_.height/4,zIndex:1
clone2=th.clone().appendTo(th.parent()).css({
left:0,top:-_.height/4,zIndex:1
//console.log(_.duration)
.animate({
duration:_.duration,
easing:_.easing
.animate({
duration:_.duration,
easing:_.easing
.animate({
duration:_.duration,
easing:_.easing,
complete:function(){
if(last)_.afterShow()
clone.remove()
clone2.remove()
zoomer:function(el,last){
if(_.slideshow)
_.slideshow=_.duration-2000
el.each(function(){
var src=_.next
,ie=$.browser.msie&&$.browser.version&9
,buff=$(new Image())
,canvas=ie?$(new Image()):$('&canvas&&/canvas&')
,width,height
,duration=_.duration
,k=_.presetParam.k||1.2
,holder=_.pic
,wrap=$('&div&&/div&')
position:'absolute'
,zIndex:10
,width:holder.width()
,height:holder.height()
,overflow:'hidden'
,opacity:0
,animate=function(canvas,o){
,ctx=!ie&&canvas[0].getContext('2d')
,step=1/duration*40
,refresh=function(state){
?canvas.css({
left:o.start.left+(o.finish.left-o.start.left)*state
,top:o.start.top+(o.finish.top-o.start.top)*state
,width:o.start.width+(o.finish.width-o.start.width)*state
,height:o.start.height+(o.finish.height-o.start.height)*state
:ctx.drawImage(buff[0],
im.left=o.start.left+(o.finish.left-o.start.left)*state,
im.top=o.start.top+(o.finish.top-o.start.top)*state,
im.width=o.start.width+(o.finish.width-o.start.width)*state,
im.height=o.start.height+(o.finish.height-o.start.height)*state)
refresh(0)
clearInterval(_.int)
_.int=setInterval(function(){
if(_.paused)
return false
if(state&=1){
clearInterval(_.int)
return false
state+=step
refresh(state)
,calcCSS=function(width,height,k){
var motion='zoom,move'.split(',')[~~(Math.random()*2)]
,side='left,right,top,bottom,leftTop,leftBottom,center'.split(',')[~~(Math.random()*7)]
,reverse=[false,true][~~(Math.random()*2)]
,width:width
,height:height
width:width*k
,height:height*k
swtch(motion,{
zoom:function(){
css.finish=swtch(side,{
,top:-(height*k-height)/2
left:-(width*k-width)
,top:-(heig
Expand＞ ＜Close
Want complete source code? Download it here
0 lines left, continue to read ▼
Sponsored links
Tips: You can preview the content of files by clicking file names^_^
1.33 kB06-11-12 19:28
1.28 kB18-05-12 16:51
1.92 kB09-05-13 12:51
5.24 kB07-02-13 23:10
348.00 B09-05-13 12:56
27.25 kB14-12-13 12:12
771.00 B06-08-12 18:07
541.00 B14-12-13 12:23
1.31 kB08-05-13 18:25
9.90 kB14-12-13 16:09
2.01 kB09-05-13 13:47
2.19 kB14-11-13 17:41
big1.jpg260.78 kB09-05-13 11:59
big2.jpg233.71 kB09-05-13 11:59
big3.jpg300.65 kB09-05-13 11:59
big4.jpg99.36 kB09-05-13 12:00
favicon.ico31.29 kB08-05-13 18:31
hor_separator.png1.56 kB08-05-13 16:30
logo.png4.62 kB08-05-13 15:35
magnify.png4.80 kB09-05-13 12:14
marker.png1.04 kB08-05-13 16:50
page1_img1.jpg17.06 kB08-05-13 16:34
page1_img2.jpg28.22 kB08-05-13 16:34
page1_img3.jpg19.91 kB08-05-13 16:34
page1_img4.jpg25.11 kB08-05-13 16:34
page2_img1.jpg48.92 kB08-05-13 18:46
page2_img2-1.png71.06 kB09-05-13 10:49
page2_img2.png67.64 kB08-05-13 18:45
page2_img3.jpg19.91 kB08-05-13 18:46
page2_img4.jpg16.77 kB08-05-13 18:47
page2_img5.jpg18.79 kB08-05-13 18:47
page2_img6.jpg24.52 kB08-05-13 18:48
page3_img1.jpg24.24 kB09-05-13 11:35
page3_img2.jpg28.80 kB09-05-13 11:35
page3_img3.jpg25.50 kB09-05-13 11:35
page3_img4.jpg16.82 kB09-05-13 11:35
page3_img5.jpg34.28 kB09-05-13 11:36
page3_img6.jpg31.29 kB09-05-13 11:36
page4_img1.jpg59.73 kB09-05-13 11:48
page4_img2.jpg52.22 kB09-05-13 11:49
page4_img3.jpg60.69 kB09-05-13 11:48
page4_img4.jpg69.04 kB09-05-13 11:48
page5_img1.jpg15.91 kB09-05-13 12:31
page5_img2.jpg20.17 kB09-05-13 12:31
pagination.png1.90 kB08-05-13 16:26
btnNext.png1.38 kB15-03-12 15:01
btnPrevious.png1.41 kB15-03-12 15:01
contentPattern.png130.00 B15-03-12 15:01
default_thumbnail.gif227.00 B15-03-12 15:01
loader.gif2.49 kB15-03-12 15:01
sprite.png3.98 kB15-03-12 15:01
btnNext.png1.38 kB15-03-12 15:01
btnPrevious.png1.41 kB15-03-12 15:01
contentPattern.png121.00 B15-03-12 15:01
default_thumbnail.gif227.00 B15-03-12 15:01
loader.gif2.49 kB15-03-12 15:01
sprite.png3.42 kB15-03-12 15:01
default_thumb.png1.50 kB15-03-12 15:01
loader.gif6.18 kB15-03-12 15:01
sprite.png6.53 kB15-03-12 15:01
sprite_next.png1.33 kB15-03-12 15:01
sprite_prev.png1.34 kB15-03-12 15:01
sprite_x.png1.07 kB15-03-12 15:01
sprite_y.png1.13 kB15-03-12 15:01
btnNext.png845.00 B15-03-12 15:01
btnPrevious.png828.00 B15-03-12 15:01
contentPatternBottom.png142.00 B15-03-12 15:01
contentPatternLeft.png137.00 B15-03-12 15:01
contentPatternRight.png136.00 B15-03-12 15:01
contentPatternTop.png142.00 B15-03-12 15:01
default_thumbnail.gif227.00 B15-03-12 15:01
loader.gif2.49 kB15-03-12 15:01
sprite.png4.13 kB15-03-12 15:01
btnNext.png1.38 kB15-03-12 15:01
btnPrevious.png1.41 kB15-03-12 15:01
default_thumbnail.gif227.00 B15-03-12 15:01
loader.gif2.49 kB15-03-12 15:01
sprite.png4.00 kB15-03-12 15:01
btnNext.png1.38 kB15-03-12 15:01
btnPrevious.png1.41 kB15-03-12 15:01
default_thumbnail.gif227.00 B15-03-12 15:01
loader.gif2.49 kB15-03-12 15:01
sprite.png3.42 kB15-03-12 15:01
prevnext.png3.93 kB09-05-13 10:48
slide.jpg364.36 kB08-05-13 16:22
slide1.jpg398.04 kB08-05-13 16:22
slide2.jpg730.59 kB08-05-13 16:22
socials.png2.27 kB08-05-13 16:33
spacer.png922.00 B15-04-13 10:50
welcome_img.png51.18 kB08-05-13 16:45
9.45 kB20-12-13 14:04
8.41 kB20-12-13 14:04
5.86 kB20-12-13 14:04
7.47 kB20-12-13 14:04
7.44 kB20-12-13 14:04
9.21 kB20-12-13 14:03
67.98 kB22-04-13 13:21
15.64 kB21-04-13 14:04
5.62 kB10-04-13 18:55
2.32 kB10-04-13 12:04
6.92 kB10-04-13 12:04
35.56 kB05-03-13 14:47
7.91 kB10-04-13 12:04
1.20 kB22-04-13 17:00
90.46 kB10-04-13 18:40
35.42 kB15-03-12 15:01
PIE.htc39.72 kB07-09-11 21:37
613.00 B07-09-11 21:37
2.70 kB04-01-13 13:02
3.71 kB01-04-13 13:22
35.84 kB15-10-12 12:56
3.10 kB21-03-11 12:55
<img src='/images/file_icons/folder.png' alt='源码文件 '>&dark_rounded&0.00 B14-12-13 16:24
<img src='/images/file_icons/folder.png' alt='源码文件 '>&dark_square&0.00 B14-12-13 16:24
<img src='/images/file_icons/folder.png' alt='源码文件 '>&default&0.00 B14-12-13 16:24
<img src='/images/file_icons/folder.png' alt='源码文件 '>&facebook&0.00 B14-12-13 16:24
<img src='/images/file_icons/folder.png' alt='源码文件 '>&light_rounded&0.00 B14-12-13 16:24
<img src='/images/file_icons/folder.png' alt='源码文件 '>&light_square&0.00 B14-12-13 16:24
<img src='/images/file_icons/folder.png' alt='源码文件 '>&prettyPhoto&0.00 B14-12-13 16:24
<img src='/images/file_icons/folder.png' alt='源码文件 '>&bat&0.00 B14-12-13 16:24
<img src='/images/file_icons/folder.png' alt='源码文件 '>&css&0.00 B14-12-13 16:24
<img src='/images/file_icons/folder.png' alt='源码文件 '>&images&0.00 B14-12-13 16:24
<img src='/images/file_icons/folder.png' alt='源码文件 '>&js&0.00 B14-12-13 16:24
<img src='/images/file_icons/folder.png' alt='源码文件 '>&chahua3135&0.00 B20-12-13 14:04
Sponsored links
23 Source Codes 21 Source Codes 18 Source Codes 13 Source Codes 9 Source Codes
285 Source Codes 173 Source Codes 48 Source Codes 42 Source Codes 36 Source Codes
Sent successfully!
chahua3135.rar
Your Point(s)
Your Point isn't enough.
Get point immediately by PayPal
10 Point / $20
22 Point / $40
55 Point / $100
120 Point / $200
point will be added to your account automatically after the transaction.
Don't have an account？
Need any help?
切换到中文版？
^_^"Oops ...
Sorry!This guy is mysterious, its blog hasn't been opened, try another, please!
Favorite by
