Solved

Jquery cycle gallery- Buttons with mouseover can't have href links

Posted on 2010-09-14
1
645 Views
Last Modified: 2012-05-10
I've got a jquery gallery. An image appears depending on what button is hovered on. If the same button is clicked on the href link doesn't work. The mouseover is stopping it from working. I'd like both the mouseover and the href click to work.

Below is the JS, navigation, and gallery images.
<script type="text/javascript">
$('#slideshow2').cycle({ 
    fx:     'fade', 
    speed:  'fast', 
    timeout: 0, 
    pager:  '.nav2', 
	pagerEvent: 'mouseover', 
    pagerAnchorBuilder: function(idx, slide) { 
        // return selector string for existing anchor 
        return '.nav2 li:eq(' + idx + ') a'; 
    }     
}); 
</script>






<div id="slideshow2">
                        <img src="<?php echo $img; ?>content/products/utility-mini.jpg" class="border" align="right" />
                        <img src="<?php echo $img; ?>content/products/utility-mini.jpg" class="border" align="right" />
                        <img src="<?php echo $img; ?>content/products/utility-mini.jpg" class="border" align="right" />
                    </div>



   <div class="product-list-1 nav2">
                        <ul>
                            <li><a href="<?php echo $path; ?>products/utility-mini/gp-buckets/">GP Bucket</a></li>
                            <li><a href="<?php echo $path; ?>products/utility-mini/slope-finishing/">Slope Finishing</a></li>
                            <li><a href="<?php echo $path; ?>products/utility-mini/tilting-batter-bucket/">Tilting Batter Bucket</a></li>
                        </ul>
                    </div>

Open in new window

0
Comment
Question by:George-TCC
1 Comment
 

Accepted Solution

by:
George-TCC earned 0 total points
Comment Utility
To get the rollover to change the image and also keep the href link line 702 & 703 were commented out in js/jquery.cycle.all.2.72.js
0

Featured Post

Highfive Gives IT Their Time Back

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

This article will give core knowledge of JavaScript and will head in to your first JavaScript program. I am Durvesh Naik and I am here to deal with this series of JavaScript. I will teach you JavaScript in part wise , as its quite boring to read big…
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…

728 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now