Leute ich hab da wieder mal ein Problem das ich nicht verstehen kann. Ich habe einen Slider in die Homepage eingebaut.
Javascript wurde so eingebaut das man es nicht auf den Rechner laden muss. (vielleicht ein Fehler)
Das ist der normale Aufbau der Slideshow.
So das ist die CSS dazu.
Wenn ich offline bin und an der Seite arbeite dann zeigt der Mozilla die Slideshow sauber so wie sie sein soll. Chrom und IE zeigen die Bilder untereinander. Gehe ich online dann zeigt der Chrome meine Slideshow auch sauber. Während IE immer noch den selben Fehler macht.
Wie kann ich das beheben das mir wir im Mozilla die beiden anderen Browser den Slider sauber anzeigt auch wenn ich offline an der Seite arbeite . Hab ich irgendwo eine Zeile vergessen?
Noch zur Info bevor die Frage kommt ich hab die Homepage im Moment unter Xampp laufen
Code:
<link rel="stylesheet" type="text/css" href="style.css" media="all" />
<!-- include jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/
jquery/1.4.1/jquery.min.js"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/
cycle/jquery.cycle.all.2.74.js"></script>
<!-- initialize the slideshow when the DOM is ready -->
<script type="text/javascript">
$(document).ready(function() {
$('.slideshow')
.after('<div id="nav">')
.cycle({
fx: 'turnDown', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
pager: '#nav'
});
});
</script>
Javascript wurde so eingebaut das man es nicht auf den Rechner laden muss. (vielleicht ein Fehler)
Code:
<div class="slideshow">
<img src="http://www.psd-tutorials.de/forum/images/slider1.jpg" />
<img src="http://www.psd-tutorials.de/forum/images/slider2.jpg" />
<img src="http://www.psd-tutorials.de/forum/images/slider3.jpg" />
<img src="http://www.psd-tutorials.de/forum/images/slider4.jpg" />
<img src="http://www.psd-tutorials.de/forum/images/slider5.jpg" />
</div><!--end slideshow-->
Code:
.slideshow {
width: 960px;
height: 482px;
margin: 30px auto;
padding-bottom:20px;
}
.slideshow img {
padding: 20px;
background: #f3f3f3;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
Wenn ich offline bin und an der Seite arbeite dann zeigt der Mozilla die Slideshow sauber so wie sie sein soll. Chrom und IE zeigen die Bilder untereinander. Gehe ich online dann zeigt der Chrome meine Slideshow auch sauber. Während IE immer noch den selben Fehler macht.
Wie kann ich das beheben das mir wir im Mozilla die beiden anderen Browser den Slider sauber anzeigt auch wenn ich offline an der Seite arbeite . Hab ich irgendwo eine Zeile vergessen?
Noch zur Info bevor die Frage kommt ich hab die Homepage im Moment unter Xampp laufen
Zuletzt bearbeitet: