egokyniker
Neues Mitglied
Hallo Leute,
ich habe eine kleine slidershow mit jsquery erstellt, funtkioniert auch , aber ich hätte gerne neben den Bildern, die abwechselnd erscheinen, noch gerne Texte, die sich von Bild zu Bild natürlich unterscheidet, wie kann ich diese einfügen?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!-- Hier können noch andere Angaben stehen wie meta-Angaben, title, Verweis auf eine CSS-Datei -->
<style type="text/css">
body {
font: 80% sans-serif;
background-color: #fff;
}
#links {
width: 432px;
height: 294px;
margin: 20px 5px;
padding-top: 10px;
}
#bilder {
width: 430px;
height: 292px;
margin: 20px 5px;
}
#bilder img {
padding: 15px;
border: 1px solid #ccc;
background-color: #eee;
width: 400px;
height: 262px;
}</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.cycle.all.min.js"></script>
<script type="text/javascript">
$(function() {
$('#bilder').cycle({
fx: 'scrollLeft',
next: '#weiter',
prev: '#zurueck',
pause: 1
});
});
</script>
</head>
<body>
<div id="bilder">
<img src="http://stober.bawue.spd.de/cgi-sub/fetch.php?id=1451" alt="Geburt">
<img src="http://stober.bawue.spd.de/cgi-sub/fetch.php?id=1450" alt="Kleinkind">
<img src="http://stober.bawue.spd.de/cgi-sub/fetch.php?id=1443" alt="Grundschule">
<img src="http://stober.bawue.spd.de/cgi-sub/fetch.php?id=1439" alt="Schulzeit">
<img src="http://stober.bawue.spd.de/cgi-sub/fetch.php?id=1442" alt="Student">
<img src="http://stober.bawue.spd.de/cgi-sub/fetch.php?id=1452" alt="Abgeordneter">
<img src="http://stober.bawue.spd.de/cgi-sub/fetch.php?id=1444" alt="Jusozeit">
<img src="http://stober.bawue.spd.de/cgi-sub/fetch.php?id=1453" alt="Studentenzeit">
<!-- weitere Bilder -->
</div>
<!-- Links zum Navigieren durch die Bilder -->
<div id="links">
<a href="#" id="zurueck">zurueck</a>
<a href="#" id="weiter">weiter</a>
</div>
</body>
</html>
ich habe eine kleine slidershow mit jsquery erstellt, funtkioniert auch , aber ich hätte gerne neben den Bildern, die abwechselnd erscheinen, noch gerne Texte, die sich von Bild zu Bild natürlich unterscheidet, wie kann ich diese einfügen?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!-- Hier können noch andere Angaben stehen wie meta-Angaben, title, Verweis auf eine CSS-Datei -->
<style type="text/css">
body {
font: 80% sans-serif;
background-color: #fff;
}
#links {
width: 432px;
height: 294px;
margin: 20px 5px;
padding-top: 10px;
}
#bilder {
width: 430px;
height: 292px;
margin: 20px 5px;
}
#bilder img {
padding: 15px;
border: 1px solid #ccc;
background-color: #eee;
width: 400px;
height: 262px;
}</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.cycle.all.min.js"></script>
<script type="text/javascript">
$(function() {
$('#bilder').cycle({
fx: 'scrollLeft',
next: '#weiter',
prev: '#zurueck',
pause: 1
});
});
</script>
</head>
<body>
<div id="bilder">
<img src="http://stober.bawue.spd.de/cgi-sub/fetch.php?id=1451" alt="Geburt">
<img src="http://stober.bawue.spd.de/cgi-sub/fetch.php?id=1450" alt="Kleinkind">
<img src="http://stober.bawue.spd.de/cgi-sub/fetch.php?id=1443" alt="Grundschule">
<img src="http://stober.bawue.spd.de/cgi-sub/fetch.php?id=1439" alt="Schulzeit">
<img src="http://stober.bawue.spd.de/cgi-sub/fetch.php?id=1442" alt="Student">
<img src="http://stober.bawue.spd.de/cgi-sub/fetch.php?id=1452" alt="Abgeordneter">
<img src="http://stober.bawue.spd.de/cgi-sub/fetch.php?id=1444" alt="Jusozeit">
<img src="http://stober.bawue.spd.de/cgi-sub/fetch.php?id=1453" alt="Studentenzeit">
<!-- weitere Bilder -->
</div>
<!-- Links zum Navigieren durch die Bilder -->
<div id="links">
<a href="#" id="zurueck">zurueck</a>
<a href="#" id="weiter">weiter</a>
</div>
</body>
</html>