PDA

View Full Version : Ultimate Fade-in slideshow (v2.1) Hide Controls



Ronnyjaymes
01-09-2010, 03:24 PM
1) Script Title: Ultimate Fade-in slideshow (v2.1)

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

3) Describe problem: I am a complete website beginner.. I'm putting together a website for myself which I have done using Goldfish. and I've used the Ultimate Fade-in Slideshow code on the front page and it looks amazing.

However, I have some controls under the show which I don't want. Its intended to be a small 4 image show so no big production and the viewer can look at another page if they wish.

I cant see anything in the code which indicates any relationship to the button images but no matter what I try they remain or the images disappear
and the images are presented further up the page. I thought taking out the togglerid line should work, but its not working.

Any help would be very gratefully received. I hope I've been descriptive enough. Big thank you in advance!




<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/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 mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [831, 311], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["Rips.jpg"],
["Blown.jpg"],
["Hangman.jpg"],
[""]
],
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
})

</script>

jscheuer1
01-09-2010, 05:15 PM
Having an empty entry in the images can't be good:



imagearray: [
["Rips.jpg"],
["Blown.jpg"],
["Hangman.jpg"],
[""]
],

Either find an image for that one or make it like so:



imagearray: [
["Rips.jpg"],
["Blown.jpg"],
["Hangman.jpg"]
],

What you've done with the togglerid is the correct approach. You also have to remove the toggler division from the markup, ex (from the demo page):


<div id="fadeshow2"></div>

<div id="fadeshow2toggler" style="width:250px; text-align:center; margin-top:10px">
<a href="#" class="prev"><img src="http://i31.tinypic.com/302rn5v.png" style="border-width:0" /></a> <span class="status" style="margin:0 50px; font-weight:bold"></span> <a href="#" class="next"><img src="http://i30.tinypic.com/lzkux.png" style="border-width:0" /></a>
</div>

Get rid of the highlighted.

If you want more help, please post a link to the page:

Please post a link to the page on your site that contains the problematic code so we can check it out.

Ronnyjaymes
01-09-2010, 06:19 PM
Hey John

Thanks very much for getting back to me!

At the moment I haven't put the site online.

I changed the imagearray, thanks.

You have helped me no end! I had forgotten that the code in the html box still had the panel code. I could'nt work out why the panels were appearing when there didn't seem to be any reference to them, it really didn't seem logical!

Now to see if I can get some in-fading drop down menus to behave with the pre rendered drop down menu in Goldfish

Again Thank you!