CMotion gallery with Dynamic Ajax content added - images not appearing in IE
1) Script Title:
CMotion gallery with Dynamic Ajax content added - images not appearing in IE
2) Script URL (on DD):
I used Dynamic Ajax content:
http://www.dynamicdrive.com/dynamici...jaxcontent.htm
And CMotion Gallery:
http://www.dynamicdrive.com/dynamici...iongallery.htm
3) Describe problem:
I had a couple of problems this past week which I posted on DD and had no reply. I am happy to say I eventually worked it out.
Can someone please please please help me with this last part. If I can get this then I am finished. I haven't slept the last few days trying to get this done and I can't find my answer in any forum.
My problem - I can't view images in my CMotion gallery in IE
I have created a page so when you click a thumbnail image (a small bag), in my CMotion gallery, dynamic content (information and a larger image of the bag) will appear in a div above (called 'stats')
The code works perfectly in FF but not in IE 5. I can't see any of my small thumbnail images in the CMotion gallery when viewed in IE 5.
I think it's something to do with this bit of code: <body onload="fillup();"> which might not be quite right.
Here is my code:
<body>
<body onload="fillup();">
<div id="wrapper">
<div id="header"></div>
<div id="stats"></div>
<div id="about">About the bags</div>
<div id="motioncontainer" style="position:relative;overflow:hidden;">
<div id="motiongallery" style="position:absolute;left:0;top:0;white-space: nowrap;">
<nobr id="trueContainer">
<a href="javascript:ajaxpage('bag1_stats.html', 'stats');"><img src="images/bag1.gif" border=1/></a><a href="javascript:ajaxpage('bag2_stats.html', 'stats');"><a href="javascript:ajaxpage('bag2_stats.html', 'stats');"><img src="images/bag2.gif" border=1/></a></a><a href="javascript:ajaxpage('bag3_stats.html', 'stats');"><img src="images/bag3.gif" border=1/></a> <a href="javascript:ajaxpage('bag1_stats.html', 'stats');"><img src="images/bag1.gif" border=1/></a><a href="javascript:ajaxpage('bag2_stats.html', 'stats');"><a href="javascript:ajaxpage('bag2_stats.html', 'stats');"><img src="images/bag2.gif" border=1/></a></a><a href="javascript:ajaxpage('bag3_stats.html', 'stats');"><img src="images/bag3.gif" border=1/></a> <a href="javascript:ajaxpage('bag1_stats.html', 'stats');"><img src="images/bag1.gif" border=1/></a><a href="javascript:ajaxpage('bag2_stats.html', 'stats');"><a href="javascript:ajaxpage('bag2_stats.html', 'stats');"><img src="images/bag2.gif" border=1/></a></a><a href="javascript:ajaxpage('bag3_stats.html', 'stats');"><img src="images/bag3.gif" border=1/></a> <a href="javascript:ajaxpage('bag1_stats.html', 'stats');"><img src="images/bag1.gif" border=1/></a><a href="javascript:ajaxpage('bag2_stats.html', 'stats');"><a href="javascript:ajaxpage('bag2_stats.html', 'stats');"><img src="images/bag2.gif" border=1/></a></a><a href="javascript:ajaxpage('bag3_stats.html', 'stats');"><img src="images/bag3.gif" border=1/></a> <a href="javascript:ajaxpage('bag1_stats.html', 'stats');"><img src="images/bag1.gif" border=1/></a><a href="javascript:ajaxpage('bag2_stats.html', 'stats');"><a href="javascript:ajaxpage('bag2_stats.html', 'stats');"><img src="images/bag2.gif" border=1/></a></a><a href="javascript:ajaxpage('bag3_stats.html', 'stats');"><img src="images/bag3.gif" border=1/></a> <a href="javascript:ajaxpage('bag1_stats.html', 'stats');"><img src="images/bag1.gif" border=1/></a><a href="javascript:ajaxpage('bag2_stats.html', 'stats');"><a href="javascript:ajaxpage('bag2_stats.html', 'stats');"><img src="images/bag2.gif" border=1/></a></a><a href="javascript:ajaxpage('bag3_stats.html', 'stats');"><img src="images/bag3.gif" border=1/></a> <a href="javascript:ajaxpage('bag1_stats.html', 'stats');"><img src="images/bag1.gif" border=1/></a><a href="javascript:ajaxpage('bag2_stats.html', 'stats');"><a href="javascript:ajaxpage('bag2_stats.html', 'stats');"><img src="images/bag2.gif" border=1/></a></a><a href="javascript:ajaxpage('bag3_stats.html', 'stats');"><img src="images/bag3.gif" border=1/></a>
<div id="stats"></div>
</nobr></div>
</div>
<div id="footer">Content for id "footer" Goes Here</div></div>
</body>
</html>
Many thanks!
Gillian
CSS Codes
Reply With Quote
Bookmarks