Tenext/Tenextsite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

27102023

Browse Source
This commit is contained in:
Aswin
2023-10-27 15:06:07 +05:30
parent a097c33af6
commit 089d5da06d
472 changed files with 113631 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
js/flex-slider.js Normal file
View File

@@ -0,0 +1,75 @@
jQuery(document).ready(function($) {
// Flex Slider
$(window).ready(function() {
//FLEX SLIDER CAROUSEL INITIALIZE ---------------------------------------------
if ( $('.carousel-post-style1').length ){
$('.carousel-post-style1').flexslider({ });
};
$('.flexslider').flexslider({
animation: 'fade',
animationLoop: true, //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end
slideshow: true, //Boolean: Animate slider automatically
slideshowSpeed: 7000, //Integer: Set the speed of the slideshow cycling, in milliseconds
animationSpeed: 800, //Boolean: Pause the slideshow when interacting with control elements, highly recommended.
pauseOnHover: true,
pauseOnAction:false,
controlNav: false,
directionNav: true,
controlsContainer: '.flex-container',
prevText: '',
nextText: '',
start: function(slider) {
var sliderMain = $('.slider-1 .flex-active-slide');
var toptitle = $('.slider-1 .flex-active-slide .flex-top-bot').data('toptitle');
var topimage = $('.slider-1 .flex-active-slide .item').data('topimage');
var topfade = $('.slider-1 .flex-active-slide .fade-flex').data('topfade');
var bottomtext = $('.slider-1 .flex-active-slide .flex-bot-top').data('bottomtext');
var bottomlinks = $('.slider-1 .flex-active-slide .links').data('bottomlinks');
sliderMain.find('.item').css({ top: topimage});
sliderMain.find('.item').animate({ right: '0', opacity: '1'}, 1000);
sliderMain.find('.fade-flex').css({ top: topfade});
sliderMain.find('.fade-flex').animate({ opacity: '1'}, 1000);
sliderMain.find('.flex-top-bot').animate({ left: '0', top: toptitle, opacity: '1'}, 1500);
sliderMain.find('.flex-bot-top').animate({ left: '0', bottom: bottomtext, opacity: '1'}, 1500);
sliderMain.find('.links').css({ bottom: bottomlinks});
sliderMain.find('.links').animate({ left: '0', opacity: '1'}, 1800);
// remove class loading after start
slider.removeClass('loading');
},
before: function(slider) {
var sliderMain = $('.slider-1 .flex-active-slide');
sliderMain.find('.item').animate({ right: '-100%', opacity: '0'}, 1000);
sliderMain.find('.fade-flex').animate({ opacity: '0'}, 1000);
sliderMain.find('.flex-top-bot').animate({ left: '0', opacity: '0'}, 1500);
sliderMain.find('.flex-bot-top').animate({ left: '0', bottom: '-50%', opacity: '0'}, 1500);
sliderMain.find('.links').animate({ left: '-100%', opacity: '0'}, 1800);
},
after: function(slider) {
var sliderMain = $('.slider-1 .flex-active-slide');
var toptitle = $('.slider-1 .flex-active-slide .flex-top-bot').data('toptitle');
var topimage = $('.slider-1 .flex-active-slide .item').data('topimage');
var topfade = $('.slider-1 .flex-active-slide .fade-flex').data('topfade');
var bottomtext = $('.slider-1 .flex-active-slide .flex-bot-top').data('bottomtext');
var bottomlinks = $('.slider-1 .flex-active-slide .links').data('bottomlinks');
sliderMain.find('.item').css({ top: topimage});
sliderMain.find('.item').animate({ right: '0', opacity: '1'}, 1000);
sliderMain.find('.fade-flex').css({ top: topfade});
sliderMain.find('.fade-flex').animate({ opacity: '1'}, 1000);
sliderMain.find('.flex-top-bot').animate({ left: '0', top: toptitle, opacity: '1'}, 1500);
sliderMain.find('.flex-bot-top').animate({ left: '0', bottom: bottomtext, opacity: '1'}, 1500);
sliderMain.find('.links').css({ bottom: bottomlinks});
sliderMain.find('.links').animate({ left: '0', opacity: '1'}, 1800);
}
});
});
});