Results 1 to 4 of 4

Thread: CMotion Scrolling Gallery in Safari

  1. #1
    Join Date
    Nov 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default CMotion Scrolling Gallery in Safari

    1) Script Title: CMotion Scrolling Gallery

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

    3) Describe problem: CMotion Scrolling Gallery does not work on the apple browser Safari so I was wondering if there is additional code that would patch it.

  2. #2
    Join Date
    Nov 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I found this amazing tutorial here at dynamic called CMotion Scrolling Gallery (http://www.dynamicdrive.com/dynamici...iongallery.htm). I was wondering if there is additional coding that would enable the Apple browser Safari to read the scrolling part of it.

    Open my website in Safari browser and Firefox Browser and you'll see the difference:
    http://www.wku.edu/~tabitha.holmes969

  3. #3
    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

    Mmm, I don't have a Mac to test on, but I do have Safari 3 for Win. The demo page of this script works in Safari 3 Win, but your page does not. Does the demo page for this script work for you in your Safari on Mac?
    - John
    ________________________

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

  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

    OK, I've looked at your page's source code, and although there are many problems, the one thing preventing Cmotion from running in Safari here is:

    Code:
              <div id="motioncontainer" style="position:relative; overflow:hidden;">
          <div id="motiongallery" style="position:absolute; left:3px; top:-1px; white-space: nowrap;"> <nobr id="trueContainer">
            <div align="center"><a href="danhudsonphoto4/index.html"><img src="images/cameras_slideshow.png" alt="cameras" border="1" /></a> <a href="Great Strides website/index.html"><img src="images/clown_1slideshow.png" alt="clown" border="1" /></a> <a href="Great Strides website/index.html"><img src="images/dummy_slideshow.png" alt="dummy" border="1" /></a> <a href="danhudsonphoto4/index.html"><img src="images/usscontellation_slideshow.png" alt="ussconstellation" border="1" /></a> <a href="Great Strides website/index.html"><img src="images/sixtyfiveroses_slideshow.png" alt="poster" border="1" /></a></div>
          </nobr></div>
        </div>
    Get rid of the highlighted div tag and its highlighted closing tag.
    - John
    ________________________

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

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
  •