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.