Slideshow block: adding next and previous buttons

Permalink 1 user found helpful
Hi all,

Did some code and I thought I would share. The following code can be used to add next and previous buttons to the C5 Slideshow block. I have used the code a good amount on a site so hopefully it should work for everyone.

The code is for a template (view) file so no need to modify the core.

<?php   defined('C5_EXECUTE') or die("Access Denied."); ?>
<script type="text/javascript">
//<![CDATA[
var ccmSlideShowHelper<?php  echo intval($bID)?> = {
   bID:<?php  echo intval($bID)?>,
   imgNum:0,
   timer: [],
   stopDisplay: false,
   init:function(){
      this.displayWrap=$('#ccm-SlideshowBlock-display'+this.bID); 
      if(this.imgInfos.length==0){
         //alert('There are no images in this slideshow');
         return false;
      }
      var maxHeight=0;



You will just need to add some css to the following two divs:

<div class="nextButton"></div>
<div class="previousButton"></div>

foiseworth
 
sketchyTK replied on at Permalink Reply
sketchyTK
I have a client looking to add this code to their website. I have added the script to the view.php for the slideshow block & added CSS script for the Next & Previous buttons. However, the buttons do not function properly. They are not clickable.

Here is the website:http://villaroma.vemglobal.net/...
username: villaroma
pass: nK4gRO8vi

If you could look at the site I would greatly appreciate it.

Thank you