Results 1 to 5 of 5

Thread: How do I lose the frames and still keep CMotion Gallery?

  1. #1
    Join Date
    Jul 2011
    Location
    New York
    Posts
    14
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default How do I lose the frames and still keep CMotion Gallery?

    1) Script Title: CMotion Image Gallery

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...ongallery.htm#

    3) Describe problem: Our frames-based website makes heavy use of jscheuer1's CMotion Image Gallery script as an ever-present portfolio menu of packaging icons running along the bottom.

    http://www.beachpackagingdesign.com/

    I love how it looks, but now I want to redo our site without frames. I'm hoping to keep the same functionality with the CMotion Image Gallery menu at the bottom, but I'm not sure which non-frames alternative would work best.

    php?... iframes?...

    I could certainly combine the frames into multiple single pages, but using the script the way that I am—to swap web pages, rather than just swap images, seems more difficult without a frameset. The problem that I can't figure out is how I can set it up so that clicking the bottom menu would still change the portfolio page without then resetting the Motion Gallery to its default position.

    In other words, I'd like to still be able to click on a package icon in the moving menu, and have the html content change, but have the menu stay wherever it is--and not reset to the left or the center of the image train. That's the way it works now because of the frames.

    Possible?

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    A cookie could be used to remember the position. However, this would break the script's ability to use a percentage width in the stylesheet here:

    Code:
    /* Gallery Styles */
    
    #motioncontainer {
    /*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
    width: 50%; /* Set to gallery width, in px or percentage */
    height: 130px; /* Set to gallery height */
    }
    A pixel width would have to be specified. Is that feature important to you?
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Jul 2011
    Location
    New York
    Posts
    14
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Hi jscheuer1,

    Thank you for the help.

    I am using pixel size rather than % to specify width, so that shouldn't pose an obstacle...

    Code:
    /* Gallery Styles */
    
    #motioncontainer {
    	width: 3800px;
    	height: 149;
    	visibility: visible;
    	top: 1px;
    }
    How would I go about using cookies to maintain the menu's position?

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Put the same gallery markup on all the pages where you want it and use this modified version of the script:

    Attachment 3963

    You may use a PHP include for the gallery markup if you like. But first set it up as a normal page to make sure you are not missing anything with the script or markup. Once it is an include, it would probably be best to use absolute paths for the images and links.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  5. The Following User Says Thank You to jscheuer1 For This Useful Post:

    BeachPack (07-06-2011)

  6. #5
    Join Date
    Jul 2011
    Location
    New York
    Posts
    14
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    John, Thanks so much. You've probably saved me days of trial & error groping in the dark. Very much appreciated! -Randy

Bookmarks

Posting Permissions

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