PDA

View Full Version : Prev and Next function problem.



manne
03-28-2010, 12:34 AM
1) Script Title: Ultimate Fade-in slideshow (v2.1)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

3) Describe problem:

The main problem is the left arrow (default as prev) cycles the images normally, but when trying to click right arrow (default as next) nothing happends.
I cant seem to get the next and prev function to work properly in a Manual set up. I have even tryed to swap the class="" to prev/next, but i get the exact same result, left arrow toggles, and right arrow does nothing, for fun i put wraparound:true, but that isnt the ideal :D. I really want the wraparound:false.

This is my table setup:


<table align="left" border="0" cellpadding="0" cellspacing="0" width="470">
<tr>
<td background="images/4.jpg" width="57" height="232">
<div id="billboard">
<a href="#" class="prev"><img src="images/left.gif" width="27" height="27" border="0" style="border:none; border-width:0" /></a>
</div>
</td>
<td background="images/5.jpg" width="373" height="232">

<div id="billboardimagebox"></div>

</td>
<td background="images/6.jpg" width="40" height="232" align="right">
<div id="billboard"><a href="#" class="next"><img src="images/right.gif" width="27" height="27" border="0" style="border:none; border-width:0" /></a></div>
</td>
</tr>
</table>

The jquery.min.js and fadeslideshow.js are both in the root directory.
This is how the script looks in the header:


<script type="text/javascript" src="jquery.min.js"></script>

<script type="text/javascript" src="fadeslideshow.js">

/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>

<script type="text/javascript">

var mygallery2=new fadeSlideShow({
wrapperid: "billboardimagebox", //ID of blank DIV on page to house Slideshow
dimensions: [373, 232], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["images/bb_comercial.jpg", "", "", ""],
["images/bb_dynamo.jpg", "", "", ""],
["images/bb_phenomeno.jpg", "", "", ""],
["images/bb_samurai.jpg", "", "", ""] //<--no trailing comma after very last image element!
],
displaymode: {type:'manual', pause:2500, cycles:0, wraparound:true, randomize:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: "billboard"
})

</script>

Hopefully you can see the problem that i have overlooked.
Thankyou.

ddadmin
03-28-2010, 12:56 AM
All of your pagination links needs to be added inside the DIV with id="billboard", or the DIV you've specified to be your pagination DIV. So links inside "billboardimagebox" for example won't work.

manne
03-28-2010, 01:31 AM
All of your pagination links needs to be added inside the DIV with id="billboard", or the DIV you've specified to be your pagination DIV. So links inside "billboardimagebox" for example won't work.

Hmm, well its around 3.30 am my time at the moment, so with the risk of sounding a bit ignorant, but if i understand you correctly, the right arrow link needs to be in/under the same DIV as id="billboard", just as the left arrow link, since there can only be ONE DIV with the id="billboard"?
If i understood this right, is there a way around this? Id hate to go and search for something 2nd best to this, it will probably feel like im trading this ferrari script for a Lada script. :cool: