Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jun 2012
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    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: ""
    })

  • #2
    Regular Coder
    Join Date
    Apr 2012
    Location
    St. Louis, MO
    Posts
    985
    Thanks
    7
    Thanked 101 Times in 101 Posts
    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".

  • #3
    New to the CF scene
    Join Date
    Jun 2012
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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 Attached Files


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •