|
Help please with this imageFade sizing in this script
I am using the following code to produce a smooth "fade in" "fade out" of several URL images which works great just like a movie. The problem I have is that I do not know how to control the size if the images being viewed.
There is a line in the code:- "Dimensions: [440, 330] to adjust the size of the viewing window but the image itself remains full size so I can only see the top left hand side.
What I would like to know is whether there is a way of changing the URL image size to that of the viewig window like you can in HTML, i.e. width="440" height="330" using additional coding together with CSS.
I hope I've explained this sufficient enough to understand and any help would be greatly appreciated.
CODE:-
var mygallery=new fadeSlideShow({
wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow
dimensions: [440, 330], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["http://www.sat24.com/image.ashx?country=eu&type=slide&time=&index=16&sat=vis"],
["http://www.sat24.com/image.ashx?country=eu&type=slide&time=&index=12&sat=vis"]// <--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:100, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 1000, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
})
|