PDA

View Full Version : CMotion gallery with Dynamic Ajax content added - images not appearing in IE



GillianSeeley
04-09-2008, 03:33 AM
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/dynamicindex17/ajaxcontent.htm
And CMotion Gallery:
http://www.dynamicdrive.com/dynamicindex4/cmotiongallery.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

GillianSeeley
04-11-2008, 12:56 AM
Ok finally worked it out