ztech123
07-22-2012, 01:21 AM
1) Script Title: Ultimate Fade-in slideshow
2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm
3) Describe problem:
Hi folks. First of all, a huge thanks to Dynamic Drive for making that Peekabo script. Can't begin to tell you how much relieved I have been to find it.
I am trying to slightly modify the script. What I am working on is the 2nd right image among the four in the above link. So, a picture appears. A second later 2 rows of text apear on a black background and few seconds later next pic comes and cycle repeats.
Now, the modification I want to do is that among the two lines which appear ... the top row should be in a bigger bold font and the 2nd row should be in a much smaller font.
This is my current script :
script type="text/javascript">
var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [988, 433], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["1.jpg", "", "", "Stand Out from the crowd. <br /><br /> Leave your accounting worries to us"],
["2.jpg", "", "", "Competent advice when you need it. <br /><br /> Receive quick responses about your organization's Financial needs"],
["3.jpg", "", "", "Tailored to your needs. <br /><br /> We will discuss with you exactly what you need"],
["4.jpg", "", "", "Service you can rely upon. <br /><br /> Now you can free up time to concentrate on your organization"] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:5000, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 2000, //transition duration (milliseconds)
descreveal: "peekaboo",
togglerid: ""
})
</script>
Any help would be greatly appreciated :D
2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm
3) Describe problem:
Hi folks. First of all, a huge thanks to Dynamic Drive for making that Peekabo script. Can't begin to tell you how much relieved I have been to find it.
I am trying to slightly modify the script. What I am working on is the 2nd right image among the four in the above link. So, a picture appears. A second later 2 rows of text apear on a black background and few seconds later next pic comes and cycle repeats.
Now, the modification I want to do is that among the two lines which appear ... the top row should be in a bigger bold font and the 2nd row should be in a much smaller font.
This is my current script :
script type="text/javascript">
var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [988, 433], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["1.jpg", "", "", "Stand Out from the crowd. <br /><br /> Leave your accounting worries to us"],
["2.jpg", "", "", "Competent advice when you need it. <br /><br /> Receive quick responses about your organization's Financial needs"],
["3.jpg", "", "", "Tailored to your needs. <br /><br /> We will discuss with you exactly what you need"],
["4.jpg", "", "", "Service you can rely upon. <br /><br /> Now you can free up time to concentrate on your organization"] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:5000, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 2000, //transition duration (milliseconds)
descreveal: "peekaboo",
togglerid: ""
})
</script>
Any help would be greatly appreciated :D