Salve a tutti,
non sono esperto di JQuery, diciamo che sto muovendo i primi passi, per ora mi sono limitato a scopiazzare un pò di codice, modificando i css qua e la.
Avrei bisogno di realizzare di sana pianta una slide di div.
Sono riuscito a realizzarla con cambiamento automatico, con questo codice:
codice:
<html>
<head>
<title>Demo</title>
<style type="text/css">
.slideshow { height: 262px; width: 603px; margin: auto }
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.72.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
delay: 5000
});
});
</script>
</head>
<body>
<div class="slideshow">
<div style="width:603px; height: 262px; background:red;color:white;font-size:40px">LINK A 2, LINK A 3</div>
<div style="width:603px; height: 262px; background:green;color:white;font-size:40px">LINK A 1, LINK A 3</div>
<div style="width:603px; height: 262px; background:green;color:white;font-size:40px">LINK A 1, LINK A 2</div>
</div>
</body>
</html>
Dunque attualmente lo scroll è automatico, però se notate il contenuto del div, vorrei predisporre all'interno di ognuno di essi un menù navigabile.
Di consequenza vorrei che cliccando su "LINK A 3", ad esempio, mi riportasse sul terzo div.
Potete darmi delle indicazioni? Se riuscite a correggere il codice, per me è più intuibile, perchè lo studierei più facilmente.
Grazie in anticipo,
Saluti.