Hi.

I wish to use a slider with the functions and numbers like this on the danland slideshow: http://jquery.malsup.com/cycle/pagerHover.html

I have done everything I could but to no success, hopefully I can have help on this, thank you so much.

This is what I have done:

1. Added 

<?php if($is_front): ?>
<div id="slide-pager-wrapper">
<div id="slide-pager"></div>
</div>
<?php endif; ?>

to page.tpl.php

2. Modified the code in jquery cycle script in scripts folder to 

$('#slideshow').cycle({ 
    speed:       200, 
    timeout:     3000, 
    pager:      '#nav', 
    pagerEvent: 'mouseover', 
    pauseOnPagerHover: true 
});

3. Added 

#nav a { border: 1px solid #ccc; background: #fc0; text-decoration: none; margin: 0 5px; padding: 3px 5px;  }
#nav a.activeSlide { background: #ea0 }
#nav a:focus { outline: none; }

to style.css

Am I doing something wrong or missing anything? Greatly appreciate it if anyone is able to help me. Thank you!!!

Regards.

Comments

danpros’s picture

danpros commented
Status: Active » Fixed

Hi,

This is because you are referring #nav and not #slide-pager in your code

$('#slideshow').cycle({
    speed:       200,
    timeout:     3000,
    pager:      '#nav',
    pagerEvent: 'mouseover',
    pauseOnPagerHover: true
});

it should like this

$('#slideshow').cycle({
    speed:       200,
    timeout:     3000,
    pager:      '#slide-pager',
    pagerEvent: 'mouseover',
    pauseOnPagerHover: true
});

Dan

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

OrinocoDelta’s picture

OrinocoDelta commented

For days and hours now i try to get an pager on the slideshow… no success…
Could please advice how dots or bullets could show as pager INSIDE the SLIDESHOW???

With the above i only get very very small dots in the upper left, but everything i try in the css - don't works…

ty OrinocoDelta