/** * wSlide 0.1 - http://www.webinventif.fr/wslide-plugin/ * * Rendez vos sites glissant ! * * Copyright (c) 2008 Julien Chauvin (webinventif.fr) * Licensed under the Creative Commons License: * http://creativecommons.org/licenses/by/3.0/ * * Date: 2008-01-27 */ (function($){ $.fn.wslide = function(h) { h = jQuery.extend({ width: 150, height: 150, pos: 1, col: 1, effect: 'swing', fade: false, horiz: false, autolink: true, duration: 1500 }, h); function gogogo(g){ g.each(function(i){ var a = $(this); var uniqid = a.attr('id'); if(uniqid == undefined){ uniqid = 'wslide'+i; } if ($(this).parent().hasClass('wslide-wrap')) a = $(this).parent(); else { $(this).wrap('
'); a = $('#'+uniqid+'-wrap'); } var b = a.find('ul li'); var effets = h.effect; if(jQuery.easing.easeInQuad == undefined && (effets!='swing' || effets!='normal')){ effets = 'swing'; } var typex = h.width; var typey = h.height; function resultante(prop){ var tempcalc = prop; tempcalc = tempcalc.split('px'); tempcalc = tempcalc[0]; return Number(tempcalc); } var litypex = typex-(resultante(b.css('padding-left'))+resultante(b.css('padding-right'))); var litypey = typey-(resultante(b.css('padding-top'))+resultante(b.css('padding-bottom'))); var col = h.col; if(h.horiz){ col = Number(b.length+1); } var manip = ''; var ligne = Math.ceil(Number(b.length)/col); a.css('overflow','hidden').css('position','relative').css('text-align','left').css('height',typey+'px').css('width',typex+'px').css('margin','0').css('padding','0'); a.find('ul').css('position','absolute').css('margin','0').css('padding','0').css('width',Number((col+0)*typex)+'px').css('height',Number(ligne*typey)+'px'); b.css('display','block').css('overflow','hidden').css('float','left').css('height',litypey+'px').css('width',litypex+'px'); b.each(function (i) { var offset = a.offset(); var thisoffset = $(this).offset(); $(this).attr('id',uniqid+'-'+Number(i+1)).attr('rel', Number(thisoffset.left-offset.left)+':'+Number(thisoffset.top-offset.top)); manip += ' '+Number(i+1)+''; }); if(typeof h.autolink == 'boolean'){ if(h.autolink){ a.after(' '); } }else if (typeof h.autolink == 'string'){ if($('#'+h.autolink).length){ $('#'+h.autolink).html(manip); }else{ a.after('