Shortcode – UX Sliders

UX Sliders are inserted with a Shortcode Generator. Its possible to slide almost
anything by wrapping [ux_slider] [/ux_slider] around the content.


Available parameters:

[ux_slider timer="4500" arrows="false/true" bullets="false/true" auto_slide="false/true" hide_nav="false/true" nav_color="dark/light"]

   [ux_banner] [/ux_banner]
   [ux_banner] [/ux_banner]
   [ux_banner] [/ux_banner]

[/ux_slider]

Simple slider with banners


ray ban outlet


(function($){
$(window).load(function(){
// Paragraph fix
$(‘#slider_1858088241’).find(‘br’).remove();
$(‘#slider_1858088241’).find(‘p’).each(function() {
var $this = $(this);
if($this.html().replace(/\s| /g, ”).length == 0)
$this.remove();
});

/* install slider */
$(‘#slider_1858088241’).iosSlider({
snapToChildren: true,
desktopClickDrag: true,
snapFrictionCoefficient: 0.8,
autoSlideTransTimer: 500,
horizontalSlideLockThreshold:3,
slideStartVelocityThreshold:3,
infiniteSlider:true,
autoSlide: true,
autoSlideTimer: 5000,
navPrevSelector: $(‘.next_1858088241’),
navNextSelector: $(‘.prev_1858088241’),
onSliderLoaded: startSlider,
onSlideChange: slideChange,
onSliderResize: slideResize,
});

function slideChange(args) {
$(args.sliderContainerObject).find(‘.inner-wrap’).each(function(){
$(this).removeClass($(this).attr(‘data-animate’));
});
$(args.sliderContainerObject).find(‘.scroll-animate’).each(function(){
$(this).removeClass($(this).attr(‘data-animate’)).removeClass(‘animated’);
});

/* start text animation */
$(args.currentSlideObject).find(‘.inner-wrap’).addClass($(args.currentSlideObject).find(‘.inner-wrap’).attr(‘data-animate’));
$(args.currentSlideObject).find(‘.scroll-animate’).each(function(){
$(this).addClass(‘animated’).addClass($(this).attr(‘data-animate’));
});

/* change slider height */
var slide_height = $(args.currentSlideObject).outerHeight();
$(args.sliderContainerObject).css(‘min-height’,slide_height);
$(args.sliderContainerObject).css(‘height’,’auto’);

/* add current class to slide */
$(args.sliderContainerObject).find(‘.current’).removeClass(‘current’);
$(args.currentSlideObject).addClass(‘current’);

/* update bullets */
$(args.sliderContainerObject).find(‘.sliderBullets .bullet’).removeClass(‘active’);
$(args.sliderContainerObject).find(‘.sliderBullets .bullet:eq(‘ + (args.currentSlideNumber – 1) + ‘)’).addClass(‘active’);

}
function slideResize(args) {
/* set height of first slide */
setTimeout(function(){
var slide_height = $(args.currentSlideObject).outerHeight();
$(args.sliderContainerObject).css(‘min-height’,slide_height);
$(args.sliderContainerObject).css(‘height’,’auto’);
},300);

}

function startSlider(args){
/* remove spinner when slider is loaded */
$(args.sliderContainerObject).find(‘.loading’).fadeOut();

/* add current class to first slide */
$(args.currentSlideObject).addClass(‘current’);

/* add parallax class if contains paralaxx Cheap Jerseys slides */
$(args.sliderContainerObject).find(‘.ux_parallax’).parent().parent().parent().addClass(‘parallax_slider’);

/* animate first slide */
$(args.currentSlideObject).find(‘.inner-wrap’).addClass($(args.currentSlideObject).find(‘.inner-wrap’).attr(‘data-animate’));
$(args.currentSlideObject).find(‘.scroll-animate’).each(function(){
$(this).addClass(‘animated’).addClass($(this).attr(‘data-animate’));
});

/* set height of first slide */
var slide_height = $(args.currentSlideObject).outerHeight();
$(args.sliderContainerObject).css(‘min-height’,slide_height);
$(args.sliderContainerObject).css(‘height’,’auto’);
if(slide_height < '100') $(args.sliderContainerObject).toggleClass('small-slider');

/* fix texts */
$(args.sliderContainerObject).find('.ux_banner .inner Cheap NFL Jerseys br’).remove();

/* add slider bullets */
var slide_id = 1;
$(args.sliderContainerObject).find(“.slider > *”).each(function(){
$(args.sliderContainerObject).find(‘.sliderBullets’).append(‘

‘);
slide_id++;
});

/* add current class to bullets */
$(args.sliderContainerObject).find(‘.sliderBullets .bullet:first’).addClass(‘active’);

/* make bullets clickable */
$(args.sliderContainerObject).find(‘.bullet’).click(function(){
$(args.sliderContainerObject).iosSlider(‘goToSlide’, $(this).data(‘slide’));
});
}
})
})(jQuery);

[ux_slider]
   [ux_banner] Banner content [/ux_banner]
   [ux_banner] Banner content [/ux_banner]
[/ux_slider]

Slider with no directional navigaition


<div wholesale jerseys class=”sliderBullets”>

(function($){
$(window).load(function(){
// Paragraph fix
$(‘#slider_108452626’).find(‘br’).remove();
$(‘#slider_108452626’).find(‘p’).each(function() {
var $this = $(this);
if($this.html().replace(/\s| /g, ”).length == 0)
$this.remove();
});

/* install slider */
$(‘#slider_108452626’).iosSlider({
snapToChildren: true,
desktopClickDrag: true,
snapFrictionCoefficient: 0.8,
autoSlideTransTimer: 500,
horizontalSlideLockThreshold:3,
slideStartVelocityThreshold:3,
infiniteSlider:true,
autoSlide: true,
autoSlideTimer: 5000,
navPrevSelector: $(‘.next_108452626’),
navNextSelector: $(‘.prev_108452626’),
onSliderLoaded: startSlider,
onSlideChange: slideChange,
onSliderResize: slideResize,
});

function slideChange(args) {
$(args.sliderContainerObject).find(‘.inner-wrap’).each(function(){
$(this).removeClass($(this).attr(‘data-animate’));
});
$(args.sliderContainerObject).find(‘.scroll-animate’).each(function(){
$(this).removeClass($(this).attr(‘data-animate’)).removeClass(‘animated’);
});

/* start text animation */
$(args.currentSlideObject).find(‘.inner-wrap’).addClass($(args.currentSlideObject).find(‘.inner-wrap’).attr(‘data-animate’));
$(args.currentSlideObject).find(‘.scroll-animate’).each(function(){
$(this).addClass(‘animated’).addClass($(this).attr(‘data-animate’));
});

/* change slider height */
var slide_height = $(args.currentSlideObject).outerHeight();
$(args.sliderContainerObject).css(‘min-height’,slide_height);
$(args.sliderContainerObject).css(‘height’,’auto’);

/* add current class to slide */
$(args.sliderContainerObject).find(‘.current’).removeClass(‘current’);
$(args.currentSlideObject).addClass(‘current’);

/* update bullets */
$(args.sliderContainerObject).find(‘.sliderBullets .bullet’).removeClass(‘active’);
$(args.sliderContainerObject).find(‘.sliderBullets .bullet:eq(‘ + (args.currentSlideNumber – 1) + ‘)’).addClass(‘active’);

}
function slideResize(args) {
/* set height of first slide */
setTimeout(function(){
var slide_height = $(args.currentSlideObject).outerHeight();
$(args.sliderContainerObject).css(‘min-height’,slide_height);
$(args.sliderContainerObject).css(‘height’,’auto’);
},300);

}

function startSlider(args){
/* remove spinner when slider is loaded */
$(args.sliderContainerObject).find(‘.loading’).fadeOut();

/* add current class to first slide */
$(args.currentSlideObject).addClass(‘current’);

/* add parallax class if contains paralaxx slides */
$(args.sliderContainerObject).find(‘.ux_parallax’).parent().parent().parent().addClass(‘parallax_slider’);

/* animate first slide */
$(args.currentSlideObject).find(‘.inner-wrap’).addClass($(args.currentSlideObject).find(‘.inner-wrap’).attr(‘data-animate’));
$(args.currentSlideObject).find(‘.scroll-animate’).each(function(){
$(this).addClass(‘animated’).addClass($(this).attr(‘data-animate’));
});

/* set height of first slide */
var slide_height = $(args.currentSlideObject).outerHeight();
$(args.sliderContainerObject).css(‘min-height’,slide_height);
$(args.sliderContainerObject).css(‘height’,’auto’);
if(slide_height *”).each(function(){
$(args.sliderContainerObject).find(‘.sliderBullets’).append(‘

‘);
slide_id++;
});

/* add current class to bullets */
$(args.sliderContainerObject).find(‘.sliderBullets .bullet:first’).addClass(‘active’);

/* make bullets clickable */
$(args.sliderContainerObject).find(‘.bullet’).click(function(){
$(args.sliderContainerObject).iosSlider(‘goToSlide’, $(this).data(‘slide’));
});
}
})
})(jQuery);

[ux_slider arrows="false"]
   [ux_banner] Banner content [/ux_banner]
   [ux_banner] Banner content [/ux_banner]
[/ux_slider]

Slider with dark navigation items



(function($){
$(window).load(function(){
// Paragraph fix
$(‘#slider_785574282’).find(‘br’).remove();
$(‘#slider_785574282’).find(‘p’).each(function() {
var $this = $(this);
if($this.html().replace(/\s| /g, ”).length == 0)
$this.remove();
});

/* install slider */
$(‘#slider_785574282’).iosSlider({
snapToChildren: true,
desktopClickDrag: true,
snapFrictionCoefficient: 0.8,
autoSlideTransTimer: 500,
horizontalSlideLockThreshold:3,
slideStartVelocityThreshold:3,
infiniteSlider:true,
autoSlide: true,
autoSlideTimer: 5000,
navPrevSelector: $(‘.next_785574282’),
navNextSelector: $(‘.prev_785574282’),
onSliderLoaded: startSlider,
onSlideChange: slideChange,
onSliderResize: slideResize,
});

function slideChange(args) {
$(args.sliderContainerObject).find(‘.inner-wrap’).each(function(){
$(this).removeClass($(this).attr(‘data-animate’));
});
$(args.sliderContainerObject).find(‘.scroll-animate’).each(function(){
$(this).removeClass($(this).attr(‘data-animate’)).removeClass(‘animated’);
});

/* start text animation */
$(args.currentSlideObject).find(‘.inner-wrap’).addClass($(args.currentSlideObject).find(‘.inner-wrap’).attr(‘data-animate’));
$(args.currentSlideObject).find(‘.scroll-animate’).each(function(){
$(this).addClass(‘animated’).addClass($(this).attr(‘data-animate’));
});

/* change slider height */
var slide_height = $(args.currentSlideObject).outerHeight();
$(args.sliderContainerObject).css(‘min-height’,slide_height);
$(args.sliderContainerObject).css(‘height’,’auto’);

/* add current class to slide */
$(args.sliderContainerObject).find(‘.current’).removeClass(‘current’);
$(args.currentSlideObject).addClass(‘current’);

/* update bullets */
$(args.sliderContainerObject).find(‘.sliderBullets .bullet’).removeClass(‘active’);
$(args.sliderContainerObject).find(‘.sliderBullets .bullet:eq(‘ + (args.currentSlideNumber – 1) + ‘)’).addClass(‘active’);

}
function slideResize(args) {
/* set height of first slide */
setTimeout(function(){
var slide_height = $(args.currentSlideObject).outerHeight();
$(args.sliderContainerObject).css(‘min-height’,slide_height);
$(args.sliderContainerObject).css(‘height’,’auto’);
},300);

}

function startSlider(args){
/* remove spinner when slider is loaded */
$(args.sliderContainerObject).find(‘.loading’).fadeOut();

/* add current class to first slide */
$(args.currentSlideObject).addClass(‘current’);

/* add parallax class if contains paralaxx slides */
$(args.sliderContainerObject).find(‘.ux_parallax’).parent().parent().parent().addClass(‘parallax_slider’);

/* animate first slide */
$(args.currentSlideObject).find(‘.inner-wrap’).addClass($(args.currentSlideObject).find(‘.inner-wrap’).attr(‘data-animate’));
$(args.currentSlideObject).find(‘.scroll-animate’).each(function(){
$(this).addClass(‘animated’).addClass($(this).attr(‘data-animate’));
});

/* set height of first slide */
var slide_height = $(args.currentSlideObject).outerHeight();
$(args.sliderContainerObject).css(‘min-height’,slide_height);
$(args.sliderContainerObject).css(‘height’,’auto’);
if(slide_height *”).each(function(){
$(args.sliderContainerObject).find(‘.sliderBullets’).append(‘

‘);
slide_id++;
});

/* add current class to bullets */
$(args.sliderContainerObject).find(‘.sliderBullets .bullet:first’).addClass(‘active’);

/* make bullets clickable */
$(args.sliderContainerObject).find(‘.bullet’).click(function(){
$(args.sliderContainerObject).iosSlider(‘goToSlide’, $(this).data(‘slide’));
});
}
})
})(jQuery);

[ux_slider nav_color="dark"]
   [ux_banner] Banner content [/ux_banner]
   [ux_banner] Banner content [/ux_banner]
[/ux_slider]