nivo slider not working

Home Forums Porto – Responsive HTML5 Template nivo slider not working

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #10015906
    reginasl
    Participant

    Hello,

    I built a summer.html page with nivo slider, and used as an example http://preview.oklerthemes.com/porto/4.8.0/demo-construction-services-detail.html. The nivo slider does not work on my page.
    Please help me to figure it out.

    Thanks,
    Regina



    Template Version: 4.8
    #10015913
    Support
    Keymaster

    Hello, please make sure you added the CSS and JS file of Nivo Slider:

    <script src="vendor/nivo-slider/jquery.nivo.slider.min.js"></script>

    And also, initialize nivo:

    (js/custom.js)

    (function( $ ) {
    
    	'use strict';
    
    	// Nivo Slider
    	if ($.isFunction($.fn.nivoSlider)) {
    		$('#nivoSlider').nivoSlider({
    			effect: 'random',
    			slices: 15,
    			boxCols: 8,
    			boxRows: 4,
    			animSpeed: 500,
    			pauseTime: 3000,
    			startSlide: 0,
    			directionNav: true,
    			controlNav: true,
    			controlNavThumbs: false,
    			pauseOnHover: true,
    			manualAdvance: false,
    			prevText: 'Prev',
    			nextText: 'Next',
    			randomStart: false,
    			beforeChange: function(){},
    			afterChange: function(){},
    			slideshowEnd: function(){},
    			lastSlide: function(){},
    			afterLoad: function(){}
    		});
    	}
    	
    });

    Please try that and let me know if you need further assistance.

    Kind Regards, Jonas


    #10016124
    reginasl
    Participant

    I added everything you suggested but the slider is still not working.

    Thank you,
    Regina


    #10016125
    reginasl
    Participant
    This reply has been marked as private.
    #10016139
    Support
    Keymaster
    This reply has been marked as private.
    #10016151
    reginasl
    Participant

    It’s working now after I made change in custom.js!

    Thank you for your help,
    Regina


Viewing 6 posts - 1 through 6 (of 6 total)

This topic is marked as "RESOLVED" and can not rceive new replies.