PDA

View Full Version : CMotion Scrolling Gallery in Safari



tabithaholmes
11-11-2008, 07:42 PM
1) Script Title: CMotion Scrolling Gallery

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/cmotiongallery.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.

tabithaholmes
11-11-2008, 07:44 PM
I found this amazing tutorial here at dynamic called CMotion Scrolling Gallery (http://www.dynamicdrive.com/dynamicindex4/cmotiongallery.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

jscheuer1
11-12-2008, 03:25 AM
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?

jscheuer1
11-12-2008, 03:47 AM
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:


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