Forum Replies Created

Viewing 1 replies (of 1 total)
  • This is how I did it:

    first comment out the two lines for the prev and next buttons:

    <!-- <a href="#" class="slider-prev"></a>
                <a href="#" class="slider-next"></a> -->

    and add a data attribute to the #slider:

    <section id="slider" data-no-change="true">

    Then, find the file called jquery.custom-1.0.js in wp-content/themes/phogra/js and find the line that says var slider = $("#slider");. Add a line just below that:

    var noChange = slider.attr("data-no-change");

    finally, find the Slide() function and wrap its contents in a conditional (change it to the following:

    function Slide(currentSlide, nextSlide)
    		{
    			if (!noChange) {
    				isSliding = true;
    				currentSlide.animate({ 'opacity': 0 }, 800, function(){
    					currentSlide.removeClass('active');
    				});
    				nextSlide.animate({ 'opacity': 1 }, 800, function(){
    					nextSlide.addClass('active');
    					isSliding = false;
    				});
    			}
    		}

    upload your modified js file and save the changes to the Homepage template file.

Viewing 1 replies (of 1 total)