Problem mit jQuery(nivo slider)

Önte · 01/29/2013, 22:36

Hallo,

Ich habe ein Problem und zwar will ich eine Slideshow auf meiner Website einbauen.
Ich habe mir ein Tutorial angeschaut und habe es auf meiner Website nachgemacht.
Hier einmal der Code ohne Funktion:#

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Survival Games</title>
		<meta http-equiv="Content-Type"
		content="text/html; charset=ISO-8859-15" />
		<link rel="stylesheet" href="style.css"
		type="text/css" media="screen" />
	</head>
	<body>
	
	<div id="website">
		<div id="navi">
		<ul>
			<li class="active">
			<a href="index.html" title="Zurück zur Startseite">Home</a>
			</li>
			
			<li>
			<a href="Server.html" title="Zum Server">Server</a>
			</li>
		
			<li>
			<a href="bilder.html" title="Bilder vom Server">Bilder</a>
			</li>
			
			<li>
			<a href="maps.html" title="Zu unseren Maps">Maps</a>
			</li>
			
			<li>
			<a href="befehle.html" title="Zu den Befehlen">Befehle</a>
			</li>
			
			<li>
			<a href="Kontakte.html" title="Zu den Kontakten">Kontakte
			</li>
		</ul>
		<ul>
		    <li>
			<a href="index.html" title="Zurück zur Startseite" style="font-family:courier;margin-left:50px;color:orange">Survival Games</a>
			</li>
		</ul>
		</div>
		
		<div id="main">	
			<div id="content">
			
			</div>
			
			<div id="sidebar">
			
			</div>
		</div>
			
		<div id="footer">
		<p>
			© Survival Games (ErzVaan) 2013 
		</p>
		</div>
	</div>
	
	
	
	
	
	
	
	</div>

	</body>

und hier mit der Funktion:

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Survival Games</title>
		<meta http-equiv="Content-Type"
		content="text/html; charset=ISO-8859-15" />
		<link rel="stylesheet" href="themes/default/default.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
	</head>
	<body>
	
	<div id="website">
		<div id="navi">
		<ul>
			<li class="active">
			<a href="index.html" title="Zurück zur Startseite">Home</a>
			</li>
			
			<li>
			<a href="Server.html" title="Zum Server">Server</a>
			</li>
		
			<li>
			<a href="bilder.html" title="Bilder vom Server">Bilder</a>
			</li>
			
			<li>
			<a href="maps.html" title="Zu unseren Maps">Maps</a>
			</li>
			
			<li>
			<a href="befehle.html" title="Zu den Befehlen">Befehle</a>
			</li>
			
			<li>
			<a href="Kontakte.html" title="Zu den Kontakten">Kontakte
			</li>
		</ul>
		<ul>
		    <li>
			<a href="index.html" title="Zurück zur Startseite" style="font-family:courier;margin-left:50px;color:orange">Survival Games</a>
			</li>
		</ul>
		</div>
		
		<div id="main">	
			<div id="content">
			
				<div class="slider-wrapper">
					<div id="slider" class="nivoSlider">
						<img src="img/bild1.jpg" alt="" />
						<img src="img/bild2.jpg" alt="" title="#htmlcaption" />
						<img src="img/bild3.jpg" alt="" title="This is an example of a caption" />
						<img src="img/bild4.jpg" alt="" />
					</div>
				</div>
				<div id="htmlcaption" class="nivo-html-caption">
					<strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
				</div>

			
				<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
				<script type="text/javascript" src="jquery.nivo.slider.js"></script>
				<script type="text/javascript">
				$(window).load(function() {
				$('#slider').nivoSlider({
				pauseTime:10000,
				animSpeed: 1000
				});
				});
				</script>
	
			
			</div>
		</div>
			
			<div id="sidebar">
			
			</div>
		</div>
			
		<div id="footer">
		<p>
			© Survival Games (ErzVaan) 2013 
		</p>
		</div>
	</div>
	
	
	
	
	
	
	
	</div>

	</body>

Ich hoffe ihr erkennt den Fehler, denn ich kann ich einfach nicht finden

//edit: closen pls , habe den Fehler gefunden :3

boxxiebabee · 01/29/2013, 23:57

Tausch mal den Javascript Teil unten durch das aus:

Code:

$(document).ready(function() {
  $('#slider').nivoSlider({
				pauseTime:10000,
				animSpeed: 1000
				});
});

Ansonsten mach halt mal die Console auf, lad die Seite neu und schau ob nen Fehler ausgegeben wird.
Und bind mal die neueste jQuery Version ein.