What customers are saying
" );
navButtons
.css({
"opacity": ( ( o.options.navButtonsShow ) ? o.navButtonsOpacity : 0 )
})
.children( "a" )
.on( "click", function( e ) {
e.preventDefault();
if ( this.className === o.classPrev )
{
o.autoplayOff();
o.transition( o.indexCurrent - Math.abs( o.increment ),
false, o.autoplayOn( o.increment ), true );
}
else if ( this.className === o.classNext )
{
o.autoplayOff();
o.transition( o.indexCurrent + Math.abs( o.increment ),
false, o.autoplayOn( o.increment ), true );
}
});
$el.append( navButtons );
o.navButtons = $el.find( "." + o.options.classNavButtons );
o.prev = o.navButtons.find( "." + o.classPrev );
o.next = o.navButtons.find( "." + o.classNext );
return this;
};
document.onkeydown = checkKey;
function checkKey(e) {
e = e || window.event;
if (e.keyCode == '37') {
o.autoplayOff();
o.transition( o.indexCurrent - Math.abs( o.increment ),false, o.autoplayOn( o.increment ), true );
}
else if (e.keyCode == '39') {
o.autoplayOff();
o.transition( o.indexCurrent + Math.abs( o.increment ),false, o.autoplayOn( o.increment ), true );
}
}
var rw_fl_slider_img_all = document.querySelectorAll('.rw_fl_slider_img');
for(var i = 0; i Math.abs( yDiff ) ) {/*most significant*/
if ( xDiff > 0 ) {
o.autoplayOff();
o.transition( o.indexCurrent - Math.abs( o.increment ),false, o.autoplayOn( o.increment ), true );
} else {
o.autoplayOff();
o.transition( o.indexCurrent + Math.abs( o.increment ),false, o.autoplayOn( o.increment ), true );
}
} else {
if ( yDiff > 0 ) {
/* up swipe */
} else {
/* down swipe */
}
}
/* reset values */
xDown = null;
yDown = null;
};
o.updateNavButtons = function() {
if ( o.navButtons ) {
o.navButtons
.css({
"width": o.slideWidthCurrent,
"left": ( o.slideCurrent.offset().left - o.stage.offset().left )
})
.children( "a" )
.css({
"height": o.stageHeight,
"paddingTop": ( 48 + o.offsetV ) * o.stageHeight / 100
});
}
};
o.addNavList = function() {
var navList,
listHtml = "
";
o.slides.each(function( index ) {
var caption,
itemText = index + 1;
caption = $( this ).find( ":header" ).sort(function( a, b ) {
var aTag = $( a ).prop( "tagName" ),
bTag = $( b ).prop( "tagName" );
return parseInt( aTag.match( /\d+/ ), 10 ) - parseInt( bTag.match( /\d+/ ), 10 );
}).eq( 0 ).html();
if ( caption ) { itemText = caption; }
else
{
caption = $( this ).find( "figcaption" ).eq( 0 ).html();
if ( caption ) { itemText = caption; }
else { caption = $( this ).find( "img" ).eq( 0 ).attr( "title" ); if ( caption ) { itemText = caption; } }
}
listHtml += "- " + itemText + "
";
});
listHtml += "
";
navList = $( listHtml )
.on( "click", "li", function( e ) {
e.preventDefault();
if ( $( this ).index() !== ( o.indexCurrent - o.indexFirst ) )
{
o.autoplayOff();
o.transition( $( this ).index() + o.indexFirst, false, o.autoplayOn( o.increment ) );
}
})
;
o.stage.prepend( navList );
o.navList = o.stage.children().first();
o.navListItems = o.navList.children( "li" );
return this;
};
o.updateNavList = function( index ) {
if ( o.navListItems.length ) {
o.navListItems
.eq( index - o.indexFirst )
.addClass( o.classCurrent )
.siblings()
.removeClass( o.classCurrent )
;
}
};
o.randomize = function() {
o.slides.sort(function() { return ( 0.5 - Math.random() ); });
o.slides.detach().appendTo( o.slider );
return this;
};
o.resetSlider = function() {
if ( o.animatedElements.is( ":animated" ) )
{
if ( $.isFunction( o.after ) )
{
var after = o.after;
o.after = function() { after(); o.resetSlider(); };
} else { o.after = o.resetSlider; }
}
else
{
o.autoplayOff();
o.stage.removeAttr( "style" );
o.slider.removeAttr( "style" );
o.slides.removeAttr( "style" );
o.slides.filter( "." + o.classSlideClone ).remove();
o.slides = o.slider.children( o.options.selectorSlide );
o.stageHeight = 0;
o.slideWidthCurrent = 0;
o.slideScaling = o.optionsInit.slideScaling;
o.indexCurrent -= o.slidesToClone;
o.indexFirst = 0;
o.increment = o.optionsInit.increment;
o.after = false;
o.setup();
o.slideSetup();
o.updateNavButtons();
o.autoplayOn( o.increment );
}
return this;
};
o.slideSetup = function() {
o.slides.each(function( i ) {
var slide = $( this );
slide.css({
"transform-origin": "50% " + String( 50 + o.offsetV ) + "%",
"width": o.slideWidthCurrent,
"display": "block",
"opacity": "1"
});
if ( o.options.centerV ) { getMarginTop( slide, "slideMarginTopCurrent" ); }
slide.css({ "width": o.scalingWidth });
if ( o.slideScaling !== 100 )
{
slide.css({ "marginLeft": o.scalingMargin, "marginRight": o.scalingMargin, "transform": "scale(" + ( 100 / o.slideScaling ) + ")", "borderSpacing": o.slideScaling });
}
if ( o.options.centerV ) { slide.children().first().css({ "marginTop": getMarginTop( slide, "slideMarginTop" ) }); }
if ( i === o.indexCurrent )
{
slide
.css({
"borderSpacing": "100px",
"width": o.slideWidthCurrent,
"marginLeft": 0,
"marginRight": 0,
"transform": "scale(1)"
})
.addClass( o.classCurrent )
.siblings()
.removeClass( o.classCurrent )
;
if ( o.options.centerV ) { slide.children().first().css({ "marginTop": getMarginTop( slide, "slideMarginTopCurrent" ) }); }
}
});
};
function leftOffsetter( index ) {
var indexOffset = o.slideWidth * index * -1,
leftOffset = indexOffset;
if ( o.options.slidePosition === "center" ) { leftOffset = indexOffset + ( Math.floor( o.slidesOnStage / 2 ) * o.slideWidth ); }
else if (o.options.slidePosition === "right") { leftOffset = ( indexOffset + ( ( o.slidesOnStage - 1) * o.slideWidth ) ); }
return leftOffset;
}
function getMarginTop( slide, dataKey ) {
var height = slide.children().first().outerHeight(),
slideMarginTop = 0;
if (height > o.stageHeight) { slideMarginTop = ( o.stageHeight - height ) / 2; }
slide.data( dataKey, slideMarginTop );
return slideMarginTop;
}
function normalizeIndex( index ) {
index = ( ( index % o.slidesLengthOrig ) + o.slidesLengthOrig ) % o.slidesLengthOrig;
return index;
}
function supportTransform( element ) {
var test = false;
if ( typeof Modernizr !== 'undefined' ) { if ( Modernizr.csstransforms ) { test = true; } }
else
{
var style = element.style;
if (typeof style.transform !== "undefined" || typeof style.WebkitTransform !== "undefined" || typeof style.msTransform !== "undefined") { test = true; }
}
return test;
}
o.init( stageEl, options );
return this;
};
$.fn.miSlider = function( options ) {
return this.each(function() {
var stage = $( this );
if ( !stage.data( "miSlider" ) ) { stage.data( "miSlider", new MiSlider( this, options ) ); }
});
};
})( jQuery, window, document, Math );