withoutatrac3
Lt. Junior Grade
- Registriert
- Feb. 2009
- Beiträge
- 416
Hallo.
ich wollte den "Nivo-Slider" in meine Amateursport Eishockey Homepage www.hchuskies.com einbauen, um dort auf der Index Seite unsere derzeit 10 Sponsoren einblenden/ausblenden zu lassen.
Das hat auch geklappt, doch nicht alle Sponsoren werden eingeblendet, obwohl alle .jpg Files am richtigen Ort sind und ich sie auch meiner Meinung nach richtig in der .htm benannt habe.
Das trifft sowohl auf I-Explorer als auch auf Firefox zu.
Auch aufgefallen ist mir, dass beim Internet Explorer 10 ein Bild bzw. Sponsor beim ausblenden nach unten gestreckt wird. Alle Fotos haben die selben Maße (618x246 px).
Hier meine .htm Datei:
Mache ich was falsch?
EDIT:
Sry aber kurz nachdem ich den Beitrag erstellt habe ich mir der Fehler aufgefallen.
Die Dateiendungen der Bilddateien auf dem Server waren in Großbuchstaben geschrieben anstatt in Kleinbuchstaben, so wie in der .htm
EDIT2:
Könnte man diesen "Nivo-Slider" auch ganz links auf der Homepage einfügen (Also beim weissen Hintergrund) ?
Gruß
ich wollte den "Nivo-Slider" in meine Amateursport Eishockey Homepage www.hchuskies.com einbauen, um dort auf der Index Seite unsere derzeit 10 Sponsoren einblenden/ausblenden zu lassen.
Das hat auch geklappt, doch nicht alle Sponsoren werden eingeblendet, obwohl alle .jpg Files am richtigen Ort sind und ich sie auch meiner Meinung nach richtig in der .htm benannt habe.
Das trifft sowohl auf I-Explorer als auch auf Firefox zu.
Auch aufgefallen ist mir, dass beim Internet Explorer 10 ein Bild bzw. Sponsor beim ausblenden nach unten gestreckt wird. Alle Fotos haben die selben Maße (618x246 px).
Hier meine .htm Datei:
Code:
<html>
<head>
<title>Sponsoren</title>
<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="themes/default/default.css" type="text/css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>
</head>
<body>
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<a href="http://www.inserate.it/branchenbuch/salon_new_hair_daniel_sparber.html/"><img src="demo/images/newhair.jpg" alt="" title="#htmlcaption" /></a>
<a href="treffpunkt.it/about.html"><img src="demo/images/treff.jpg" alt="" title="#htmlcaption" /></a>
<a href="http://www.raiffeisen.it/wipptal.html"><img src="demo/images/raiffeisen.jpg" alt="" title="#htmlcaption" /></a>
<a href="http://www.allianzsubalpina.it/"><img src="demo/images/allianz_subalpina.jpg" alt="" title="#htmlcaption" /></a>
<a href="http://forst.it/de"><img src="demo/images/forst.jpg" alt="" title="#htmlcaption" /></a>
<a href="https://www.facebook.com/bar.eigentor"><img src="demo/images/eigentorbar.jpg" alt="" title="#htmlcaption" /></a>
<a href="http://www.alphotel-tyrol.com/"><img src="demo/images/alphotel_tyrol.jpg" alt="" title="#htmlcaption" /></a>
<a href="https://de.foursquare.com/v/imbiss-beim-luis--brennerpass/4ee5f45c6d868c0550832945"><img src="demo/images/imbiss_brenner.jpg" alt="" title="#htmlcaption" /></a>
<a href="http://www.bohner.at/"><img src="demo/images/bohner.jpg" alt="" title="#htmlcaption" /></a>
<a href="http://www.tourenwelt.info/huettenliste/huette.php?huette=10618"><img src="demo/images/moserhuette_meransen.jpg" alt="" title="#htmlcaption" /></a>
</div>
</div>
<div id="htmlcaption" class="nivo-html-caption">
Klicke auf das Foto um zu der Homepage des Sponsors zu gelangen <a href="#"></a>.
</div>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
</body>
</html>Mache ich was falsch?
EDIT:
Sry aber kurz nachdem ich den Beitrag erstellt habe ich mir der Fehler aufgefallen.
Die Dateiendungen der Bilddateien auf dem Server waren in Großbuchstaben geschrieben anstatt in Kleinbuchstaben, so wie in der .htm
EDIT2:
Könnte man diesen "Nivo-Slider" auch ganz links auf der Homepage einfügen (Also beim weissen Hintergrund) ?
Gruß
Zuletzt bearbeitet:
