• kerrifarrellfoley

    (@kerrifarrellfoley)


    I’ve been fiddling with the built-in slider on Hathor, and in an effort to eliminate the random slider transitions, I changed them all to “fade.” However, now I get no transitions, just a plain ‘quick switch.’ This site is being built on an offline server, so I’m unable to provide a link, but below is what (I think) the relevant code is:

    <script type="text/javascript">
        jQuery(window).load(function() {
    		// nivoslider init
    		jQuery('#nivos').nivoSlider({
    				effect: 'fade',
    				animSpeed:700,
    				pauseTime:<?php echo of_get_option('sliderspeed_text'); ?>,
    				startSlide:0,
    				directionNav:true,
    				directionNavHide:true,
    				controlNav:false,
    				controlNavThumbs:false,
    				keyboardNav:true,
    				pauseOnHover:true,
    				captionOpacity:0.8,
    				afterLoad: function(){
    						if (jQuery(window).width() < 480) {
    					jQuery(".nivo-caption ").animate({"opacity": "1", "right":"0"}, {easing:"easeOutBack", duration: 500});
    
    						}else{
    					jQuery(".nivo-caption").animate({"opacity": "1", "bottom":"15%"}, {easing:"easeOutBack", duration: 500});
    					jQuery(".nivo-caption ").has('.sld_layout3').addClass('sld3wrap');
    							}
    				},
    				beforeChange: function(){
    					jQuery(".nivo-caption ").animate({bottom:"-500px"}, {easing:"easeInBack", duration: 500});
    					//jQuery(".nivo-caption").delay(400).removeClass('sld3wrap');
    					jQuery('.nivo-caption ').animate({"opacity": "0"}, 100);
    					jQuery('.nivo-caption ').delay(500).queue(function(next){
    						jQuery(this).removeClass("sld3wrap");next();});
    
    				},
    				afterChange: function(){
    						if (jQuery(window).width() < 480) {
    					jQuery(".nivo-caption ").animate({"opacity": "1", "bottom":"0"}, {easing:"easeOutBack", duration: 500});
    						}else{
    					jQuery(".nivo-caption ").animate({"opacity": "1", "bottom":"15%"}, {easing:"easeOutBack", duration: 500});
    					jQuery(".nivo-caption ").has('.sld_layout3').addClass('sld3wrap');
    							}
    				}
    			});
    	});
    </script>
    
    <?php if(of_get_option('slider_select') == "nivo"){ ?>
    
    <script type="text/javascript">
        jQuery(window).load(function() {
    		// nivoslider init
    		jQuery('#nivo').nivoSlider({
    				effect: 'fade',
    				animSpeed:700,
    				pauseTime:<?php echo of_get_option('sliderspeed_text'); ?>,
    				startSlide:0,
    				directionNav:true,
    				directionNavHide:true,
    				controlNav:false,
    				controlNavThumbs:false,
    				keyboardNav:true,
    				pauseOnHover:true,
    				captionOpacity:0.8,
    				afterLoad: function(){
    						if (jQuery(window).width() < 480) {
    					jQuery(".nivo-caption ").animate({"opacity": "1", "right":"0"}, {easing:"easeOutBack", duration: 500});
    
    						}else{
    					jQuery(".nivo-caption").animate({"opacity": "1", "bottom":"15%"}, {easing:"easeOutBack", duration: 500});
    					jQuery(".nivo-caption ").has('.sld_layout3').addClass('sld3wrap');
    							}
    				},
    				beforeChange: function(){
    					jQuery(".nivo-caption ").animate({bottom:"-500px"}, {easing:"easeInBack", duration: 500});
    					//jQuery(".nivo-caption").delay(400).removeClass('sld3wrap');
    					jQuery('.nivo-caption ').animate({"opacity": "0"}, 100);
    					jQuery('.nivo-caption ').delay(500).queue(function(next){
    						jQuery(this).removeClass("sld3wrap");next();});
    
    				},
    				afterChange: function(){
    						if (jQuery(window).width() < 480) {
    					jQuery(".nivo-caption ").animate({"opacity": "1", "bottom":"0"}, {easing:"easeOutBack", duration: 500});
    						}else{
    					jQuery(".nivo-caption ").animate({"opacity": "1", "bottom":"15%"}, {easing:"easeOutBack", duration: 500});
    					jQuery(".nivo-caption ").has('.sld_layout3').addClass('sld3wrap');
    							}
    				}
    			});
    	});
    </script>

Viewing 3 replies - 1 through 3 (of 3 total)
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Slider Transitions’ is closed to new replies.