Kod
<script type="text/javascript" src="jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="stepcarousel.js">
/***********************************************
* Step Carousel Viewer script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
</script>
<style type="text/css">
.stepcarousel{
position: relative;
border: 0px;
overflow: scroll;
width: 200px;
height: 78px;
}
.stepcarousel .belt{
position: absolute;
left: 0;
top: 0;
}
.stepcarousel .panel{
float: left;
overflow: hidden;
margin: 2px;
width: 200px;
}
</style>
<body>
<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:true, moveby:1, pause:3000},
panelbehavior: {speed:500, wraparound:false, persist:true},
defaultbuttons: {enable: true, moveby: 1, leftnav: ['rotator/1.gif', -100, 0], rightnav: ['rotator/3.gif', -28, 0]},
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>
<div id="mygallery" class="stepcarousel">
<div class="belt">
<div class="panel">
<a href="index2.php?site=news"><img src="http://img412.imageshack.us/img412/8766/cmcm.png"</a>
</div>
<div class="panel">
<a href="index2.php?site=news"><img src="http://img412.imageshack.us/img412/8766/cmcm.png"</a>
</div>
<div class="panel">
<a href="index2.php?site=news"><img src="http://img412.imageshack.us/img412/8766/cmcm.png"</a>
</div>
</div>
</div>
<script type="text/javascript" src="stepcarousel.js">
/***********************************************
* Step Carousel Viewer script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
</script>
<style type="text/css">
.stepcarousel{
position: relative;
border: 0px;
overflow: scroll;
width: 200px;
height: 78px;
}
.stepcarousel .belt{
position: absolute;
left: 0;
top: 0;
}
.stepcarousel .panel{
float: left;
overflow: hidden;
margin: 2px;
width: 200px;
}
</style>
<body>
<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:true, moveby:1, pause:3000},
panelbehavior: {speed:500, wraparound:false, persist:true},
defaultbuttons: {enable: true, moveby: 1, leftnav: ['rotator/1.gif', -100, 0], rightnav: ['rotator/3.gif', -28, 0]},
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>
<div id="mygallery" class="stepcarousel">
<div class="belt">
<div class="panel">
<a href="index2.php?site=news"><img src="http://img412.imageshack.us/img412/8766/cmcm.png"</a>
</div>
<div class="panel">
<a href="index2.php?site=news"><img src="http://img412.imageshack.us/img412/8766/cmcm.png"</a>
</div>
<div class="panel">
<a href="index2.php?site=news"><img src="http://img412.imageshack.us/img412/8766/cmcm.png"</a>
</div>
</div>
</div>
To wszystko smiga tak jak powino rotacja bannerow ale jezeli tan sam kod dodam do wspolpraca.html to juz nie dziala i nie wiem czemu oczywiscie prubowalem zmieniac nazwy itp ale nic nie pomoglo . Prosze o pomoc