Anchor/Hyperlinks in Cycle

Anchor/Hyperlinks in Cycle

Hi all,

I just downloaded the Cycle plugin, and am quite happy with it!
However, I can't seem to get the hyperlinks to work in my page. In a blank example page, it works though...? I have no clue to what I did wrong. Anyone any suggestions?

  1. <!-- cycle Jquery script-->

    <title>JQuery Cycle Plugin - Example Slideshow</title>
    <style type="text/css">
    .slideshow { height: 232px; width: 232px; margin: auto }
    .slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }
    </style>
    <!-- include jQuery library -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

    <!-- include Cycle plugin -->
    <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script>

    <!--  initialize the slideshow when the DOM is ready -->

    <script type="text/javascript">
    $(document).ready(function() {
        $('.slideshow01').cycle({
            fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
        });
    });
    </script>

    <script type="text/javascript">
    $(document).ready(function() {
        $('.slideshow02').cycle({
            fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
            delay: 300,
            speed: 2500
           
        });
    });
    </script>

    <!-- cycle Jquery script-->


































  2. <div id="slidebox_01">
        <div class="slideshow02">
        <a href="pro_emmen/index.html"><img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" /></a>
        <a href="pro_emmen/index.html"><img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" width="200" height="200" /></a>
        <a href="pro_emmen/index.html"><img src="http://cloud.github.com/downloads/malsup/cycle/beach3.jpg" width="200" height="200" /></a>
    </div>


    </div>