Go Back   CodingForums.com > :: Client side development > JavaScript programming > JavaScript frameworks

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 09-24-2012, 07:30 PM   PM User | #1
dobbies
New to the CF scene

 
Join Date: Jun 2012
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
dobbies is an unknown quantity at this point
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: ""
})
dobbies is offline   Reply With Quote
Old 09-24-2012, 07:40 PM   PM User | #2
WolfShade
Regular Coder

 
Join Date: Apr 2012
Location: St. Louis, MO, USA
Posts: 952
Thanks: 7
Thanked 98 Times in 98 Posts
WolfShade is an unknown quantity at this point
The code that you provide is calling a function within (I'm guessing) a JS library. Do you have the documentation for the library? There should be some mention of the sizing within.
__________________
^_^

If anyone knows of a website that can offer ColdFusion help that isn't controlled by neurotic, pedantic jerks* (stackoverflow.com), please PM me with a link.
*
The neurotic, pedantic jerks are not the owners; just the people who are in control of the "popularity contest".
WolfShade is offline   Reply With Quote
Old 09-25-2012, 09:10 AM   PM User | #3
dobbies
New to the CF scene

 
Join Date: Jun 2012
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
dobbies is an unknown quantity at this point
Thank you for your reply.

I have attached the JS in a text file.

I have to say that I am not a coder and found this free program on the net. It is well over complicated for my needs but it does contain a simple "fade in" "fade out" effect from one image to another that is perfect for my needs.

As I stated earlier, I would like to know if it's possible to control the overall size of the URL image that I'm using, to fit in a window size of "440px x 330px. Not in file size but in demension size.

I hope you can help.

Thanks
Attached Files
File Type: txt fadeslideshow.txt (14.1 KB, 9 views)
dobbies is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 11:15 PM.


Advertisement
Log in to turn off these ads.