Nicht mehr ganz neu hier
Hi, ich habe ein Tutorial in dem man die bilder scrollen kann ausprobiert
Ich habe mir auch die Jquery tools jquery.tools.min.js heruntergeladen und in
den Ordner eingefügt und eingebunden.
Leider zeigt mit die Seite nur ein Bild und zwar nur ein Ausschnitt beim Klicken auf rechts und links passiert gar nicht und daneben habe ich dann noch /*/ stehen.
Bei den Bildern denke ich mir muss ich die Größen bestimmt mit % oder px an die divs anpassen. Ich habe zum probieren einfach ein paar Bilder von der Kamera genommen.
Aber ich glaube da muss noch ein Fehler sein, weil bei den rechts links Klicks nichts passiert.
HTML:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="jquery.js" type="text/javascript">
<script src="jquery.tools.min.js"></script>
/* <![CDATA[ */
$(document).ready(function() {
$(".scrollable").scrollable({speed: 700, circular: true});
})
/* ]]> */
</script>
<title>Untitled Document</title>
</head>
<body>
<style type="text/css">
/* <![CDATA[ */
.scrollable {
position:relative;
overflow:hidden;
width:680px;
height:120px;
border:1px solid #ccc;
}
.scrollable .items {
width:20000em;
position:absolute;
clear:both;
}
.items div {
float:left;
width:680px;
}
.scrollable img {
float:left;
maragin:20px 5px 20px 21px;
background-color:#fff;
padding:2px;
border:1px solid #ccc;
}
.scrollable {
float:left;
}
a.disable {
visibility:hidden !important;
}
/* ]]>*/
</style>
<a class="prev" href="#">links</a>
<a class="next" href="#">rechts</a>
<div>
<div class="scrollable">
<div class="items">
<div>
<img src="bild1.jpg"/>
<img src="bild2.jpg"/>
<img src="bild3.jpg"/>
<img src="bild4.jpg"/>
</div>
<div>
<img src="bild5.jpg"/>
<img src="bild6.jpg"/>
<img src="bild7.jpg"/>
<img src="bild8.jpg"/>
</div>
</div>
</div>
</body>
</html>den Ordner eingefügt und eingebunden.
Leider zeigt mit die Seite nur ein Bild und zwar nur ein Ausschnitt beim Klicken auf rechts und links passiert gar nicht und daneben habe ich dann noch /*/ stehen.
Bei den Bildern denke ich mir muss ich die Größen bestimmt mit % oder px an die divs anpassen. Ich habe zum probieren einfach ein paar Bilder von der Kamera genommen.
Aber ich glaube da muss noch ein Fehler sein, weil bei den rechts links Klicks nichts passiert.
