i use the danland theme from drupal and have configured a slideshow… i only want to the dots on slideshow images (middle / bottom) so people can click through the slideshow… so far i tried mostly every example that i found on google… pager, pagination, etc…

maybe you guys could advise me or help to get these "dots, bullets" please??? below you will find my script, html and css…

Script:

2. jQuery(document).ready(function($) {
3.     $('.slideshow').cycle({
4. fx: 'all' ,
5. timeout: 8000,
6. delay: 2000,
7. pager: '#slide-pager',
8. pagerEvent: 'mouseover',
9. pauseOnPagerHover: true,
10. pagerAnchorBuilder: function paginate(idx, el) {
11.    return '<a class="nav' + idx + '" href="#" >&bull;</a>';
12. }
13. });

CSS:

2. #nav {
3.  width: 950px; /* to match width of .slideshow p */
4.  margin: auto;
5.  position: absolute;
6.  left: 10px;
7.  bottom: 20px; /* would normally be zero, but adding in 5px from #nav a + additional 5px for "padding" */
8.  z-index: 10000;
9. }

HTML:

2. <?php if($is_front): ?>
3. <div id="slideshow-wrapper">
4. <div class="slideshow-inner">
5. <div id="slideshow-preface">
6. <div id="slide-pager-wrapper">
7. <div id="slide-pager"></div>
8. </div>
9.  <?php if ($page['preface']): ?>
10.           <div id="preface">
11.             <?php print render ($page['preface']); ?>
12.           </div><!-- end preface -->
13.  <?php endif; ?>
14. </div>
15. <?php if ($page['highlighted']) : ?><div id="slideshow-bottom">
16. <div id="mission"><?php print render ($page['highlighted']); ?></div></div><?php endif; ?>
17. <div class="slideshow">
18. <img src="<?php print $base_path . $directory; ?>/images/slideshows/objectflor-vinylboden.jpg" width="950" height="355" alt="slideshow 1"/>
19. <img src="<?php print $base_path . $directory; ?>/images/slideshows/objectflor-buero.jpg" width="950" height="355" alt="slideshow 2"/>
20. <img src="<?php print $base_path . $directory; ?>/images/slideshows/objectflor-wohnen.jpg" width="950" height="355" alt="slideshow 3"/>
21. <img src="<?php print $base_path . $directory; ?>/images/slideshows/objectflor-schlafzimmer.jpg" width="950" height="355" alt="slideshow 3"/>
22. <img src="<?php print $base_path . $directory; ?>/images/slideshows/malerarbeiten.jpg" width="950" height="355" alt="slideshow 3"/>
23. <img src="<?php print $base_path . $directory; ?>/images/slideshows/pantone.jpg" width="950" height="355" alt="slideshow 3"/>
24. </div>
25. </div>
26. </div>
27. <?php endif; ?>

I would be so thankfull if you could help me ;-) ty and greets from germany….