", //add your own loading template callback : function(){ console.log("some image loaded !") //callback when some image loaded } }); jQuery('#slider').djSlider({ navigationSupport: true, // or : false slideTime: 5000, //ms speed: 500, // ms autoSlide_outAnimation: 'fade', // or : swipeRight , swipeLeft , fade autoSlide_inAnimation: 'fade', // or : swipeRight , swipeLeft , fade swipeRight_outAnimation: 'swipeRight', // or : swipeRight , swipeLeft , fade swipeRight_inAnimation: 'swipeRight', // or : swipeRight , swipeLeft , fade swipeLeft_outAnimation: 'swipeLeft', // or : swipeRight , swipeLeft , fade swipeLeft_inAnimation: 'swipeLeft', // or : swipeRight , swipeLeft , fade nextBtn_outAnimation: 'fade', // or : swipeRight , swipeLeft , fade nextBtn_inAnimation: 'fade', // or : swipeRight , swipeLeft , fade prevBtn_outAnimation: 'fade', // or : swipeRight , swipeLeft , fade prevBtn_inAnimation: 'fade', // or : swipeRight , swipeLeft , fade nextItemCaption_outAnimation: 'fade', // or : swipeRight , swipeLeft , fade nextItemCaption_inAnimation: 'fade', // or : swipeRight , swipeLeft , fade prevItemCaption_outAnimation: 'fade', // or : swipeRight , swipeLeft , fade prevItemCaption_inAnimation: 'fade', // or : swipeRight , swipeLeft , fade captionSupport: true, // or : false autoSlide: true, // or : false pauseOnHover: false, // or : false touchSupport: true // or : false })