Results 1 to 2 of 2

Thread: Help needed with gallery

  1. #1
    Join Date
    Apr 2010
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Help needed with gallery

    Hi,

    I am currently doing a university project to build a website. I've not done much coding before. I want to put a scrolling gallery on one page. I'm using this template I found on here: http://www.dynamicdrive.com/dynamici...iongallery.htm

    It works fine when I put one on my page, however I now want 3 on the page. Great, but after copying and pasting the html bit into the body, only the first one works.

    I'm completely stumped and would love some input from someone with more knowledge than me.

    Thanks in advance for any help.

    Paul

  2. #2
    Join Date
    Aug 2005
    Location
    Other Side of My Monitor
    Posts
    3,494
    Thanks
    5
    Thanked 105 Times in 104 Posts
    Blog Entries
    1

    Default

    Its a little work but do able. You need to edit the CSS. Personally I would copy the CSS into 2 new CSS files and rename them (even keep the name and add a 1, 2 etc to the end.

    Once that is done, (lets assume you named the second CSS file gallerystyle2.css) you need to go in and rename every ID and class and append a "2" on the end of it. So #motioncontainer becomes #motioncontainer2 etc. Also do this for the 3rd one so that #motioncontainer becomes #motioncontainer3 etc.

    Now in the HTMl code and the javascript do the same thing, everytime you see #motioncontainer add the 2 or the 3 to it. as well as the other ones.

    That should clear it up. Not the cleanest method but a quick and dirty one.
    {CWoT - Riddle } {Freelance Copywriter} {Learn to Write}
    Follow Me on Twitter: @InkingHubris
    PHP Code:
    $result mysql_query("SELECT finger FROM hand WHERE id=3");
    echo 
    $result

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
  •