Sorry if I overlooked this in the documentation, how can I change the slide show picture when the cursor goes over a specific link?

For example I want to have a menu block in the preface top region, when someone hovers their cursor over one of the menu links I’d like the slide show to display a single picture relevant to that link. Is this possible?

Thanks in advance.

Comments

xehqter’s picture

Basically this: http://jquery.malsup.com/cycle/pager5.html

Instead of 1,2,3,4 I want to have a menu in the the preface top region and when someone hovers over the link text a picture appears in the slide show and if they click on the link it takes them to a separate page.

danpros’s picture

Status: Active » Closed (fixed)

Hi,

To add a pager you can add the following code to jquery.cycle.all.js

jQuery(document).ready(function($) {
    $('.slideshow').cycle({
		fx: 'fade' , timeout: 8000, pager:  '#slide-pager', delay: 2000});
});

Open the page.tpl.php and add new div with id "slide-pager".

<div id="slide-pager"></div>

The rest is CSS. I will close this.