Ultimate fade-in slideshow with lighbox problem IE

**rosy** · 11-10-2008, 09:53 AM

1) Script Title: Ultimate fade-in slideshow with Lightbox 2.04

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamici...nslideshow.htm
http://www.dynamicdrive.com/forums/s...ad.php?t=37030

3) Describe problem:
Hello,
with your help (some days ago) I could combine the two scripts above. That works perfect on a single page, which I tested it with firefox and IE.
Then I started to work on the site. My testing browser is firefox. No problems.
No I checked it on IE and the problems started.
when I click a link to the page where I have combined the slideshow with the lightbox an error message appears: The page cannot be loaded!
And the strange thing: It happens not always, sometimes the first time I click the link, sometimes after I clicked between the pages 4 or 5times.

I reduced two testing pages to the minimum, but always the same problem.
I removed all changes I did to the lightbox script and css, no change.

As I said, it works without problems in firefox and safari, but not in IE 7!!

Here are the 2 test pages:

http://www.claus-krell-optik.de/test/test.html

the links I mean are in "custom" color
and as I said before: sometimes the error-message appears the first time I click the link, sometimes after 10 clicks.
It would be great if somebody could test it and help me.
Perhaps I made a mistake, but after hours of attempts to find it out, I'm not able to check anything.

Thanks
Rosy

**jscheuer1** · 11-10-2008, 10:34 AM

Switch to HTML, and validate the page, ex:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Krell-Optik</title>

<link href="stylesheets/test.css" rel="stylesheet" type="text/css">
<link href="stylesheets/style-schriften.css" rel="stylesheet" type="text/css">
<link href="stylesheets/style-menu.css" rel="stylesheet" type="text/css" media="screen">
<link href="stylesheets/lightbox.css" rel="stylesheet"  type="text/css" media="screen">

<script type="text/javascript" src="js/menue.js" ></script>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<script type="text/javascript" src="js/slideshow.js" ></script>


	
  
<style type="text/css">
<!--
.style1 {color: #0000CC}
-->
</style>
</head>

<body>

<div id="container">
  <div id="spalte1">
    <div id="logo"><img src="bilder/logo-neu2.png" alt="logo"></div>
    
     <div id="masterdiv">
     
        <div class="menutitle" onclick="SwitchMenu('sub1')"><img src="navigation/punkt-kl-rot.png" alt="" style="margin-right:6px; margin-bottom: -2px;"> <a href="test.html">Claus Krell Optik</a></div>
      <span class="submenu" id="sub1"> </span>
      <div class="menutitle" onclick="SwitchMenu('sub2')"><img src="navigation/punkt-kl-rot.png" alt="" style="margin-right:6px; margin-bottom: -2px;"> <span class="style1">Produktwelten</span> &#x25bC;</div>
       <span class="submenu" id="sub2" >
        <img src="navigation/punkt-kl-braun1.png" alt="" style="margin-right:5px; margin-bottom: -1px; "><a href="test-brillen.html">Brillen und Sonnenbrillen</a><br>
        <img src="navigation/punkt-kl-braun1.png" alt="" style="margin-right:5px; margin-bottom: -1px;"><a class="menue" href="lesebrillen.html">Lesebrillen</a><br>
        <img src="navigation/punkt-kl-braun1.png" alt="" style="margin-right:5px; margin-bottom: -1px;"><a class="menue" href="sportbrillen.html">Sportbrillen</a><br>
        <img src="navigation/punkt-kl-braun1.png" alt="" style="margin-right:5px; margin-bottom: -1px;"><a class="menue" href="kinderbrillen.html">Kinderbrillen</a><br>
        <img src="navigation/punkt-kl-braun1.png" alt="" style="margin-right:5px; margin-bottom: -1px;"><a class="menue" href="kollektion-krell.html">Kollektion Claus Krell</a><br>
      </span>
        
      <div class="menutitle" onclick="SwitchMenu('sub3')"> <img src="navigation/punkt-kl-rot.png" alt="" style="margin-right:6px; margin-bottom: -2px;"> 
      <a class="menue" href="geschaeft.html">Gesch&auml;ftsr&auml;ume</a></div>
      <span class="submenu" id="sub3"> </span>
        
        <div class="menutitle" onclick="SwitchMenu('sub4')"> <img src="navigation/punkt-kl-rot.png" alt="" style="margin-right:6px; margin-bottom: -2px;"> 
      Augenoptik &#x25bc;</div>
      
      <span class="submenu" id="sub4"> <img src="navigation/punkt-kl-braun1.png" alt="" style="margin-right:5px; margin-bottom: -2px;">
      <a class="menue" href="glaeser.html">Gläser</a><br>
        <img src="navigation/punkt-kl-braun1.png" alt="" style="margin-right:5px; margin-bottom: -2px;">
        <a class="menue" href="linsen.html">Linsen</a><br>
        <img src="navigation/punkt-kl-braun1.png" alt="" style="margin-right:5px; margin-bottom: -2px;">
        <a class="menue" href="sehtest.html">Sehtest</a>-Verfahren<br>
       </span>
        
      <div class="menutitle" onclick="SwitchMenu('sub5')"> <img src="navigation/punkt-kl-rot.png" alt="" style="margin-right:6px; margin-bottom: -2px;"> 
      <a class="menue" href="izone.html">Welt - Exclusivität</a></div>
       <span class="submenu" id="sub5"></span>
        
      <div class="menutitle" onclick="SwitchMenu('sub6')"> <img src="navigation/punkt-kl-rot.png" alt="" style="margin-right:6px; margin-bottom: -2px;"> 
      Service &#x25bc;</div>
        <span class="submenu" id="sub6"> <img src="navigation/punkt-kl-braun1.png" alt="" style="margin-right:5px; margin-bottom: -2px;">
        <a class="menue" href="werkstatt.html">Werkstatt</a><br>
        <img src="navigation/punkt-kl-braun1.png" alt="" style="margin-right:5px; margin-bottom: -2px;">
        <a class="menue" href="stilberatung.html">Stilberatung</a><br>
        <img src="navigation/punkt-kl-braun1.png" alt="" style="margin-right:5px; margin-bottom: -2px;">
        <a class="menue" href="sehtest.html">Sehtest</a><br>
      </span>
        
      <div class="menutitle" onclick="SwitchMenu('sub7')"> <img src="navigation/punkt-kl-rot.png" alt="" style="margin-right:6px; margin-bottom: -2px;"> 
      Nachwuchs / Talente &#x25bc;</div>
        <span class="submenu" id="sub7"> <img src="navigation/punkt-kl-braun1.png" alt="" style="margin-right:5px; margin-bottom: -2px;">
        <a class="menue" href="sebastian.html">Sebastian Krell</a><br>
        <img src="navigation/punkt-kl-braun1.png" alt="" style="margin-right:5px; margin-bottom: -2px;">
        <a class="menue" href="diplomarbeiten.html">Diplomarbeiten der</a><br>
        &nbsp;&nbsp;&nbsp;&nbsp; <a class="menue" href="#">Fachhochschulen</a><br>
        </span>
        
      <div class="menutitle" onclick="SwitchMenu('sub8')"> <img src="navigation/punkt-kl-rot.png" alt="" style="margin-right:6px; margin-bottom: -2px;"> 
      <a class="menue" href="shop.html">Shop</a></div>
       <span class="submenu" id="sub8"></span>
        
        <div class="menutitle" onclick="SwitchMenu('sub9')"> <img src="navigation/punkt-kl-rot.png" alt="" style="margin-right:6px; margin-bottom: -2px;"> 
        <a class="menue" href="kontakt.php">Kontakt / Impressum</a> </div>
         <span class="submenu" id="sub9"></span>
         
    </div>
  </div>
  <div id="spalte4">
   
    <div id="hg-brillen1">
      <div id="brille1">
      <script type="text/javascript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
new fadeshow(fadeimages, 215, 147, 0, 4000, 1, "")
</script>
      </div>
      <div id="brille2">
      
      </div>   
    </div>
    <div id="hg-brillen2">
   <div id="brille3"><img src="brillen-neu/prada/brille5-klein.jpg" width="215" height="147" alt=""></div>
    <div id="brille4"><img src="brillen-neu/prada/brille4-klein.jpg" width="215" height="147" alt=""></div>
  </div>
  </div>
  
  
  <div id="balken-schwarz"> </div>
</div>
</body>
</html>

**rosy** · 11-10-2008, 01:31 PM

Hello

thanks for your immediate response.
I changed the declaration and made the html -xhtml changes,
but the results are the same.
Sometimes IE7 accept the pages and sometimes not.

And I can not see any system or rules behind that.
I can click 10 times and all is ok.
I start IE again, and the first time I click, IE comes with the error message.

Nevertheless thanks for your help

Rosy

**jscheuer1** · 11-10-2008, 04:16 PM

This is a real hard one to figure out. Because it only happens sometimes, there is no real way to be sure if it is fixed or not. I made a local page that seemed problem free. But now that you are using that (actually something close to it) the problem still occurs sometimes. I tested my version some more and was finally able to get it to misbehave. Now I've been testing a copy with just the script in the body. I can't get that one to have a problem and have been really trying it over and over. But that really doesn't mean anything. I do use the lightbox 2.04a code on other pages and have never had a problem after extensive testing (I'm in development of another script that can optionally use the 2.04a code). But I've never tested that live, yet. Interestingly, it can be a fade in slide show. It may be a solution. However, it is just as likely that this has something to do with your host, or perhaps that any live or local version that must get its files from a remote host would exhibit this periodic problem.

**rosy** · 11-11-2008, 09:02 AM

Thanks again for your response.
As you proposed, I used for the testpages another host, the same problem.
I changed some little things without positive result.

I need the combined scripts only on 3 or 4 pages. So I decided to redirect this pages for IE users to a page where I only use on of these scripts, either the lightbox or the slideshow. Both possibilities are working fine.

There must be a strange conflict between these scripts only for IE, which occurs only from time to time. But thats nevertheless too often.

When I have finished this site, I will try it with the beta version of IE8.

Thanks

Rosy

**jscheuer1** · 11-11-2008, 11:36 AM

Well here are two rather odd things. Just running the scripts remotely from your server (without any added markup) I was unable to get the problem to repeat. And, using my new beta view fade slide script for the slideshow part of things with your existing markup and integrating lightbox 2.04a into that, I've been testing quite extensively now and cannot get it to 'barf' in IE. So, if you are interested in trying it out - let me know.

Thread: Ultimate fade-in slideshow with lighbox problem IE

Thread Tools

Search Thread

Ultimate fade-in slideshow with lighbox problem IE

lightbox - ultimate fade-slideshow problem IE

The Following User Says Thank You to jscheuer1 For This Useful Post:

Ultimate fade-in slideshow with lightbox

Bookmarks

Bookmarks

Posting Permissions