PDA

View Full Version : SPRY ALBUM GALLERY not working in IE7


qryos
12-07-2008, 09:52 PM
Hi Dreamweavers, I have created a spry album gallery using adobe's sample code and have test via dreamweaver - firefox 3.0 & IE7 to view the site. It works a treat.



I have uploaded the files and now running live. One problem.
I have type the web address into IE7 (www.carreon.com.au/elyssa/pictures.html (http://www.carreon.com.au/elyssa/pictures.html)) and nothing appears except for the banner at the top. I have tried this in firefox and it works fine.



I have made sure that the java script files are uploaded and have checked that my IE settings are correct. what did i do wrong??


here is my page code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="css/style.css" type="text/css" />

<title>ELYSSA'S PICTURES</title>
<script type="text/javascript" src="includes/xpath.js"></script>
<script type="text/javascript" src="includes/SpryData.js"></script>
<script type="text/javascript" src="includes/SpryEffects.js"></script>
<script type="text/javascript">
<!--
var dsGalleries = new Spry.Data.XMLDataSet("data/galleries.xml", "galleries/gallery");
var dsPhotos = new Spry.Data.XMLDataSet("{dsGalleries::@file}", "gallery/photo" );
function MM_effectHighlight(targetElement, duration, startColor, endColor, restoreColor, toggle)
{
Spry.Effect.DoHighlight(targetElement, {duration: duration, from: startColor, to: endColor, restoreColor: restoreColor, toggle: toggle});
}
dsPhotos.setColumnType("file/@height", "number");
dsPhotos.setColumnType("file/@width", "number");
//-->
</script>
<link href="css/gallery.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper" align="center">
<div id="banner" style="width:800px">
</div>


<div id="menu">
<div align="right" class="smallwhitetext" style="padding:9px;">
<a href="journal.html">Journal</a> |
<a href="pictures.html">Pictures</a> | <a href="#">Videos</a> | <a href="#">Events</a> |
<a href="#">Wishes</a> </div>

<div class="smallgraytext" id="submenu" spry:region="dsGalleries">
<label for="chooseGallery">Select gallery: </label>
<select name="chooseGallery" spry:repeatchildren="dsGalleries" id="chooseGallery"
onchange="dsGalleries.setCurrentRow(this.value)" spry:choose="spry:choose">
<option value="{ds_RowID}" spry:when="{ds_RowNumber} == {ds_CurrentRowNumber}"
selected="selected">{name}</option>
<option value="{ds_RowID}" spry:default="spry:default">{name}</option>
</select>
</div>

<div class="thumbs" id="thumbs" spry:region="dsPhotos">
<span spry:repeat="dsPhotos">
<img src="images/small/{file}" width="50" height="50"
onmouseover="MM_effectHighlight(this, 10, '#ffffff', '#CE317E', '#CE317E', false)"
onmouseout="MM_effectHighlight(this, 10, '#CE317E', '#FFFFFF', '#ffffff', false)"
spry:setrow="dsPhotos"/>
</span>
</div>

<div class="mainPic" spry:detailregion="dsPhotos">
<p><span class="smallredtext"> </span><span class="smalltitle">

</span><img src="images/large/{file}"
alt="Images"/> <span class="smallredtext"><br />
{caption}</span>

</p>
<p>
</p>
</p>
</div>


<div id="footer" class="smallgraytext">
<a href="#">Home</a> |
<a href="#">Journal</a> | Events
<a href="#"></a> | Wishes
<a href="#"></a> |
<a href="mailto:elyssa@carreon.com.au">Contact Us</a> |
2009</div>

</div>
</div>

</body>
</html>

please help me...
thank you
Jo