Hallo Zusammen,
ich habe ein Problem mit einer simplen Slideshow im Frameset. Das Frameset wurde mal mit Dreamweaver CS3 erstellt und die Slideshow soll im oberen frame laufen. Das macht sie auch in allen Browsern (Firefox, Chrome, Safari), nur im IE 8 oder 9 nicht. Die slideshow läuft aber ohne Frameset im IE problemlos. Läd der die Datei vieleicht nicht im Frameset oder muss da evtl. noch eine Codezeile dazu?
Hat jemande eine Idee?
Hier der Quellcode der html Datei in der die Slideshow angezeigt wird (bzw. im Frameset IE nicht, da wird nur das erste Bild gezeigt - ohne Animation):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="XHTML namespace">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Image fadein/fadeout</title>
<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery.nivo.slider.js" type="text/javascript"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script><style type="text/css">
<!--
body {
background-image: url(../../images/frameobenrechts2.jpg);
}
</style></head>
<body style="background:#fffS;">
<div style="width:460px; height:113px; margin:0 left;">
<div id="slider">
<img src="slider-images/image1.jpg" /></a><img src="slider-images/image2.jpg" /></a> <img src="slider-images/image3.jpg" /></a> <img src="slider-images/image4.jpg" /></a> <img src="slider-images/image5.jpg" /></a> <img src="slider-images/image6.jpg" /></a> <img src="slider-images/image7.jpg" /></a> <img src="slider-images/image8.jpg" /></a> <img src="slider-images/image9.jpg" /></a> <img src="slider-images/image10.jpg" /></a> </div>
</div>
</body>
</html>
Quellcode Frameset (index.html):
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Internetpräsentation</title>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<SCRIPT LANGUAGE="JavaScript">
<!--
var FramesetGeladen = 1;
function SeiteLaden() {
if(self.location.search.length > 0) {
var laenge = self.location.search.length;
var Neue_url = self.location.search.substring(1,laenge);
if (document.images)
self.mainFrame.location.replace(Neue_url);
else
self.mainFrame.location.href = (Neue_url);
}
}
//-->
</SCRIPT>
</head>
<frameset rows="*" cols="189,*" framespacing="0" frameborder="NO" border="0">
<frameset rows="*,189" cols="*" framespacing="0" frameborder="NO" border="0">
<frame src="framelinks.html" name="leftFrame" scrolling="NO" noresize>
<frame src="framelinksunten.html" name="bottomFrame" scrolling="NO" noresize>
</frameset>
<frameset rows="204,*" cols="*" framespacing="0" frameborder="NO" border="0">
<frameset rows="*" cols="*,498" framespacing="0" frameborder="NO" border="0">
<frame src="frameoben.html" name="topFrame" scrolling="NO" noresize>
<frame src="animation/01/gallery.html" name="rightFrame2" scrolling="NO" noresize>
</frameset>
<frameset rows="*" cols="*,30" framespacing="0" frameborder="NO" border="0">
<frame src="hauptseite.html" name="mainFrame">
<frame src="framerechts.html" name="rightFrame1" scrolling="NO" noresize>
</frameset>
</frameset>
</frameset>
<noframes><body>
</body></noframes>
</html>
Vielen Dank im Voraus
Stefan
PS: Schon mal vorab: Ein Tip, dass ich doch besser auf Frames verzichten soll, weill alt...etc nützt mir nicht viel
. In diesem Fall ist es eine alte Seite in der die Animation eingesetzt werden soll.
ich habe ein Problem mit einer simplen Slideshow im Frameset. Das Frameset wurde mal mit Dreamweaver CS3 erstellt und die Slideshow soll im oberen frame laufen. Das macht sie auch in allen Browsern (Firefox, Chrome, Safari), nur im IE 8 oder 9 nicht. Die slideshow läuft aber ohne Frameset im IE problemlos. Läd der die Datei vieleicht nicht im Frameset oder muss da evtl. noch eine Codezeile dazu?
Hat jemande eine Idee?
Hier der Quellcode der html Datei in der die Slideshow angezeigt wird (bzw. im Frameset IE nicht, da wird nur das erste Bild gezeigt - ohne Animation):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="XHTML namespace">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Image fadein/fadeout</title>
<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery.nivo.slider.js" type="text/javascript"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script><style type="text/css">
<!--
body {
background-image: url(../../images/frameobenrechts2.jpg);
}
</style></head>
<body style="background:#fffS;">
<div style="width:460px; height:113px; margin:0 left;">
<div id="slider">
<img src="slider-images/image1.jpg" /></a><img src="slider-images/image2.jpg" /></a> <img src="slider-images/image3.jpg" /></a> <img src="slider-images/image4.jpg" /></a> <img src="slider-images/image5.jpg" /></a> <img src="slider-images/image6.jpg" /></a> <img src="slider-images/image7.jpg" /></a> <img src="slider-images/image8.jpg" /></a> <img src="slider-images/image9.jpg" /></a> <img src="slider-images/image10.jpg" /></a> </div>
</div>
</body>
</html>
Quellcode Frameset (index.html):
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Internetpräsentation</title>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<SCRIPT LANGUAGE="JavaScript">
<!--
var FramesetGeladen = 1;
function SeiteLaden() {
if(self.location.search.length > 0) {
var laenge = self.location.search.length;
var Neue_url = self.location.search.substring(1,laenge);
if (document.images)
self.mainFrame.location.replace(Neue_url);
else
self.mainFrame.location.href = (Neue_url);
}
}
//-->
</SCRIPT>
</head>
<frameset rows="*" cols="189,*" framespacing="0" frameborder="NO" border="0">
<frameset rows="*,189" cols="*" framespacing="0" frameborder="NO" border="0">
<frame src="framelinks.html" name="leftFrame" scrolling="NO" noresize>
<frame src="framelinksunten.html" name="bottomFrame" scrolling="NO" noresize>
</frameset>
<frameset rows="204,*" cols="*" framespacing="0" frameborder="NO" border="0">
<frameset rows="*" cols="*,498" framespacing="0" frameborder="NO" border="0">
<frame src="frameoben.html" name="topFrame" scrolling="NO" noresize>
<frame src="animation/01/gallery.html" name="rightFrame2" scrolling="NO" noresize>
</frameset>
<frameset rows="*" cols="*,30" framespacing="0" frameborder="NO" border="0">
<frame src="hauptseite.html" name="mainFrame">
<frame src="framerechts.html" name="rightFrame1" scrolling="NO" noresize>
</frameset>
</frameset>
</frameset>
<noframes><body>
</body></noframes>
</html>
Vielen Dank im Voraus
Stefan
PS: Schon mal vorab: Ein Tip, dass ich doch besser auf Frames verzichten soll, weill alt...etc nützt mir nicht viel
. In diesem Fall ist es eine alte Seite in der die Animation eingesetzt werden soll.
