Slider Transitions
-
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.