aiuto effetto slide

11-08-2010, 21.28.14

Ciao.. vorrei chiedervi come creare una pagina così http://justknowit.altervista.org/index.html

questo è il codice soprgente della pagina

Codice:

<html>
<head><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="stepcarousel.js"></script>
<style type="text/css">

body {
background-color: #1F1E1E;
}
.stepcarousel {
position: relative; /*leave this value alone*/
background-color: #1F1E1E; width: 680px; height: 61px;
border:0 solid #FFF;
overflow: scroll; /*leave this value alone*/
left: 50px;
}
.stepcarousel .belt {
position: absolute; /*leave this value alone*/
left:0;
top:0;
width:670;
align: center;
}
.stepcarousel .panel {
float:right;
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-left:0;
margin-top:0;
width:230px;
}

.desc
{border-bottom: 50px;
font-size: 8pt;
font-family: 'sans-serif';
color: #000000;
height: 15px;
text-align: left;
}
</style>



<script type="text/javascript">


stepcarousel.setup({
 galleryid: 'mygallery', //id of carousel DIV
 beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
 panelclass: 'panel', //class of panel DIVs each holding content
 autostep: {enable:false, moveby:1, pause:3000},
 panelbehavior: {speed:500, wraparound:true, persist:true},
 defaultbuttons: {enable: true, moveby: 1, leftnav: ['http://justknowit.altervista.org/left.png', -50, 10], rightnav: ['http://justknowit.altervista.org/right.png', 3, 10]},
 statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
 contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
})

</script>
</head>

<body>
<div id="mygallery" class="stepcarousel">
<div class="belt">

<div class="panel"><a href="http://naruto.fansub.italia.forumcommunity.net/?t=39101339" target="_blank"><img src="http://justknowit.altervista.org/naruto_anime.png" border="0"></a>
</div>
<div class="panel"><a href="http://naruto.fansub.italia.forumcommunity.net/?t=39101339" target="_blank"><img src="http://justknowit.altervista.org/onepiece_anime.png" border="0"></a>
</div>
<div class="panel"><a href="http://naruto.fansub.italia.forumcommunity.net/?t=39222588" target="_blank"><img src="http://justknowit.altervista.org/bleach_anime.png" border="0"></a>
</div>
<div class="panel"><a href="http://naruto.fansub.italia.forumcommunity.net/?t=39449214" target="_blank"><img src="http://justknowit.altervista.org/naruto_manga.gif" border="0"></a>
</div>
<div class="panel"><a href="http://naruto.fansub.italia.forumcommunity.net/?t=39453040" target="_blank"><img src="http://justknowit.altervista.org/onepiece_manga.png" border="0"></a>
</div>
<div class="panel"><a href="http://naruto.fansub.italia.forumcommunity.net/?t=39641344" target="_blank"><img src="http://justknowit.altervista.org/bleach_manga.png" border="0"></a>
</div>
</div>
</div>
</body>
</html>

ma se creo una pagina con qusto codice all'interno non mi viene fuori l'effetto desiderato come quello della pagina lincata sopra vi prego aiutatemi e spiegatemi come e cosa devo fare passo per passo...

**dreadnaut** · 11-08-2010, 21.47.27

La guida per quello script è qua: http://www.dynamicdrive.com/dynamici...epcarousel.htm

12-08-2010, 14.33.43

Grazie^^

-----------

..non riesco a crearlo.. su dinamic drive fornisce solo i codici non potete spiegarmi passo per passo come si fà??

Discussione: aiuto effetto slide

LinkBack

Strumenti discussione

Display

aiuto effetto slide

Regole di scrittura