jQuery cycle does not work

Question

I am fairly new to web development and I am trying to use jQuery cycle plugin for a sliding image gallery.

Here is the site in question:

http://rwavproductions.com/front-page-slide/

Before I added the sliding gallery on this website, I made a test page only with the gallery and the code works. The left and right button do work. But I copied the same exact code (including the script tag content) and css, on this new page, and the jQuery does not work as needed.

The images slide implying that the cycle plugin is working, but the next and prev are not working. What could be the reason? could another div be covering the div that the prev and next divs are in, and therefore not registering the click ?

$(document).ready(function () {
    $('.slideshow').cycle({
        fx: 'scrollHorz',
        prev: '.prev',
        next: '.next',
        timeout: 0,
        rev: true
    });
});

Answer 1

Ah I see. You have a hidden overlay div that is blocking the clicking.

<div class="bg_spinner">

Move the div in your markup UNDER <div class="extra"> and it should work...

Answer 2

for your class named "bg_spinner" add this in the CSS : pointer-events:none;

It will probably work.