Hello all,
I'm trying to make a generic header i can use on multiple sites, the thing is i want a transparent permanent layer in which i can display the sitaname or any other text which i can easily change over the slideshow i have in place here LINK . At the moment i have to put the text in the picture with photoshop, on itself not a biggy unless i want to use it on other bits on the site or want a quick and dirty way to change the images by just copying them in the img-folder.
here is the js:
fadeslideshow.js
(it's to big to post aparently)
this is the bit that goes on the page:
var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [800, 125], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["http://stoffels-it.nl/monsoon/images/header.png", "http://stoffels-it.nl", "_blank", "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor."],
["http://stoffels-it.nl/monsoon/images/header2.png", "http://stoffels-it.nl", "_blank", "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor."],
["http://stoffels-it.nl/monsoon/images/header3.png", "http://stoffels-it.nl", "_blank", "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor."],
["http://stoffels-it.nl/monsoon/images/header4.png", "http://stoffels-it.nl", "_blank", "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor."] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 2000, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
})
with this displaying the slideshow itself
<div id="fadeshow1"></div>
thanks in advance!
Mark