Results 1 to 6 of 6

Thread: Resizing image "on the fly"

  1. #1
    Join Date
    Feb 2013

    Question Resizing image "on the fly"

    Sorry for the wording - I'm new to developing so please bear with me..

    I'm inserting and image gallery with HTML and CSS.

    *I've attached the code*

    I would like there to be thumbnails of the images and then when clicked have them (the thumbs) move down so a larger image of the desired thumb will be viewable and the thumbs will be under the larger image. Confused?

    I don't think I need script for this, but I also think my coding is far from the desired effect?

    (I got the initial code from here... https://developer.mozilla.org/en-US/...htmlcss/launch)

    Can you help?


    *Also, sorry if this is in the wrong area - it's my first post
    Attached Files Attached Files

  2. #2
    Join Date
    Mar 2011
    Yes, you'll need to write some JavaScript to achieve the effect you describe. Just so you'll know, the page from mozilla.org also uses JavaScript.
    Rick Trethewey
    Rainbo Design

  3. #3
    Join Date
    Feb 2013
    Thanks for the reply. Looks like I'll be learning JS sooner than I thought !

  4. #4
    Join Date
    Nov 2012
    At all I do not know, that here and to tell that it is possible

  5. #5
    Join Date
    Dec 2012
    Why not just use a lightbox? I can post lightbox code if your interested... here's a link to view some examples...

    It uses html, jquery, js, and css... very easy to implement.

    Click here for an example and to download the code.

  6. #6
    Join Date
    Feb 2013
    jlnewnam -

    I gave lightbox a try before the original post, but as I said I'm new to developing and haven't studied jquery or js. There was a lot of code in the files you're able to download from that site and it was a bit confusing (they give you everything for the entire page, not just the image gallery).

    But I'm keen the design I mentioned and lightbox is very similar so I may give it another run. There seems to be some helpful people in the forums so I may need a hand or two!


Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

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