I’m having trouble with IE and smooth gallery.
In FF the slideshow works great, just like I’ve used on other sites. However, this particular slide show is not working in IE6. Instead of the slideshow, it is showing the all the images in full size along with the thumbnail for each image.
[!MaxiGallery? &display=`embedded` &embedtype=`smoothgallery` &max_pic_size=`400` &smoothgallery_width=`400` &smoothgallery_height=`250` &smoothgallery_timed=`true` &smoothgallery_fadeDuration=`1800` &smoothgallery_delay=`4500` &smoothgallery_showInfopane=`false` &smoothgallery_showCarousel=`false` &smoothgallery_showArrows=`false` !]
I’ve tried comparing this to my other sites where this works perfectly in IE6, but I can’t discern any meaningful differences.
I swapped out the smooth gallery and put in a slimbox gallery in its place. Works just fine.
[!MaxiGallery? &display=`embedded` &embedtype=`slimbox` &pics_per_row=`4` &max_thumb_size=`110` &thumb_use_dropshadow=`1` &thumb_shadow_bgcolor=`#ffffff` &max_pic_size=`0` !]
I also tried switching doc types to no effect.
Can someone give me ideas for things to check?
I’m stumped.
Here’s the source code from IE6.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<HTML>
<head>
<title>Terry Barth Design » White Home</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" >
<meta name="keywords" content="" >
<base href="http://localhost/" >
<link href="assets/css/cssreset.css" rel="stylesheet" type="text/css" >
<link href="assets/css/white.css" rel="stylesheet" type="text/css" >
<link href="assets/css/whitehome.css" rel="stylesheet" type="text/css" >
<link href="assets/css/print.css" rel="stylesheet" type="text/css" media="print" >
<link href="favicon.ico" rel="shortcut icon" >
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="assets/css/iewhite.css" >
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css">
body { behavior: url(assets/js/csshover.htc) }
img { behavior: url(assets/js/pngbehavior.htc) }
</style>
<![endif]-->
<style type="text/css">
#myGallery9
{
width: 400px;
height: 250px;
z-index:5;
display: none;
}
</style>
<link rel="stylesheet" href="/assets/snippets/maxigallery/smoothgallery/css/jd.gallery.css" type="text/css" media="screen" />
<script type="text/javascript" src="/assets/snippets/maxigallery/smoothgallery/js/mootools.js"></script>
<script type="text/javascript" src="/assets/snippets/maxigallery/smoothgallery/js/jd.gallery.js"></script>
<link rel="stylesheet" href="/assets/snippets/maxigallery/css/default.css" type="text/css" media="screen" />
</head>
<body>
<div id="wrap">
<div>
<div id="heading">
<div>
<a title="Home" href="http://www.terrybarthdesign.com/">
<img alt="terry barth logo" src="../../assets/images/terrybarthlogo.gif"></a>
<h1>Terry Barth Design</h1>
<h2>Web site design for today and tomorrow</h2>
<h3> 612 859 2453 </h3>
<p>
When your small business or organization needs an update or a complete redesign of your website, Terry Barth Design can help!
</p>
</div>
</div>
<div id="menu">
<ul><li><a href="http://localhost/" title="home" >home</a></li>
<li><a href="/index.php?id=3" title="Services" >Services</a></li>
<li><a href="/index.php?id=4" title="Articles" >Articles</a></li>
<li><a href="/index.php?id=6" title="test" >test</a></li>
<li><a href="/index.php?id=10" title="Photo Gallery" >Photo Gallery</a></li>
<li><a href="/index.php?id=8" title="White" >White</a></li>
<li class="last active"><a href="/index.php?id=9" title="White Home" >White Home</a></li>
</ul>
</div>
<div id="twoleftcol">
<div id="content">
<div id="slideshow"
<div id="myGallery9">
<div class="imageElement">
<h3></h3>
<p></p>
<a href="/index.php?id=9&pic=3" title=" » Click to zoom ->" class="open"></a>
<img src="/assets/galleries/9/fireshot_capture_26_-_website_services_terry_barth_minneapolis_-_file_d_www_terrybarth_com_20wip_terrybarthdesign_four_index_html.jpg" class="full" />
<img src="/assets/galleries/9/tn_fireshot_capture_26_-_website_services_terry_barth_minneapolis_-_file_d_www_terrybarth_com_20wip_terrybarthdesign_four_index_html.jpg" class="thumbnail" />
</div>
<div class="imageElement">
<h3></h3>
<p></p>
<a href="/index.php?id=9&pic=2" title=" » Click to zoom ->" class="open"></a>
<img src="/assets/galleries/9/fireshot_capture_25_-_website_services_terry_barth_minneapolis_-_file_d_www_terrybarth_com_20wip_terrybarthdesign_one_index2_html.jpg" class="full" />
<img src="/assets/galleries/9/tn_fireshot_capture_25_-_website_services_terry_barth_minneapolis_-_file_d_www_terrybarth_com_20wip_terrybarthdesign_one_index2_html.jpg" class="thumbnail" />
</div>
<div class="imageElement">
<h3></h3>
<p></p>
<a href="/index.php?id=9&pic=1" title=" » Click to zoom ->" class="open"></a>
<img src="/assets/galleries/9/fireshot_capture_24_-_untitled_document_-_file_d_www_terrybarth_com_20wip_terrybarthdesign_three_index_html.jpg" class="full" />
<img src="/assets/galleries/9/tn_fireshot_capture_24_-_untitled_document_-_file_d_www_terrybarth_com_20wip_terrybarthdesign_three_index_html.jpg" class="thumbnail" />
</div>
</div>
</div>
<h2>Services</h2>
<ul>
<li>Website design & development
</li>
<li>Updates & repairs to your existing site
</li>
<li>Maintenance services
</li>
<li>Assessments
</li>
<li>Product Photography </li>
</ul>
<h2>Content Management System
</h2>
<ul>
<li>Specializing in websites that you can update yourself
</li>
<li>You need no technical skills required
</li>
<li>Take control of your site
</li>
<li>Update your site any time from anywhere
</li>
<li>Keep your clients coming back to your site with up to date content </li>
</ul>
</div>
<div id="sidebar">
</div>
</div>
<div id="footer">
<h2>Website Services - Professional - Cost Effective</h2>
<p> When your small business or organization needs an update or a complete redesign of your website </p>
<h2> Call Terry Barth Design 612 859 2453 </h2>
<p><a href="#">Contact</a> | <a href="#">Copyright</a> | <a href="#">Privacy</a></p>
</div>
</div>
</div>
<script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery9'), {
showArrows: false,
showCarousel: false,
showInfopane: false,
thumbHeight: 75,
thumbWidth: 100,
thumbSpacing: 10,
embedLinks: true,
fadeDuration: 1800,
timed: true,
delay: 4500,
preloader: true,
slideInfoZoneOpacity: 0.7,
carouselMinimizedOpacity: 0.4,
carouselMinimizedHeight: 20,
carouselMaximizedOpacity: 0.7,
textShowCarousel: 'Pictures'
});
}
window.onDomReady(startGallery);
</script>
</body>
</html>
