Versuche gerade ein Slideshow für mein Projekt zu erstellen.
Hab mich für eine Slideshow von jQ entschieden und nach Anleitung:
http://www.gcmingati.net/wordpress/wp-content/...in.html
in meinen Code eingebaut. Nun Ergebnis = 0 - bekomme noch nicht mal ein BIld zu sehen
Hier das was ich bisher getan habe:
html im h:
und:
CSS:
Was habe ich nicht beachtet? Was muss ich noch ergänzen?
Und nun noch die frage:
Wird das Menu über JS erstellt, oder wo generiere ich das Design des Menus?
Gruß
Kai
Hab mich für eine Slideshow von jQ entschieden und nach Anleitung:
http://www.gcmingati.net/wordpress/wp-content/...in.html
in meinen Code eingebaut. Nun Ergebnis = 0 - bekomme noch nicht mal ein BIld zu sehen
Hier das was ich bisher getan habe:
html im h:
Code:
<head>
<meta name="generator" content="HTML Tidy for Windows (vers 22 March 2008), see www.w3.org">
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>
index
</title>
<script src="/js/jquery-1.2.1.min.js" type="text/javascript">
</script>
<script src="/js/jquery.easing.1.3.js" type="text/javascript">
</script>
<script src="/js/jquery.slideviewer.1.1.js" type="text/javascript">
</script>
<script type="text/javascript">
$(window).bind("load", function() {
$("div#slider").slideView()
});
</script>
<link rel="stylesheet" href="layout" type="text/css">
</head>und:
Code:
<body>
<div id="slider" class="svw">
<ul>
<li>
<img alt="referenz01" src="Referenzen/bild01.jpg">
</li>
</ul>
</div>
</div>
</body>CSS:
Code:
#slider {
background-color: #3366ff;
width: 500px;
height: 240px;
float: left;
margin-top: 10px;
}
/*preload classes*/
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul {position: relative; left: -999em;}
/*core classes*/
.stripViewer {
position: relative;
overflow: hidden;
border: 5px solid #ff0000;
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li {
float:left;
}
.stripTransmitter {
overflow: auto;
width: 1%;
}
.stripTransmitter ul {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{
width: 20px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 22px;
background: #ff0000;
color: #fff;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{
background: #fff;
color: #ff0000;
}Was habe ich nicht beachtet? Was muss ich noch ergänzen?
Und nun noch die frage:
Wird das Menu über JS erstellt, oder wo generiere ich das Design des Menus?
Gruß
Kai
