Cod Slider
Cod:
<script type="text/javascript" src="http://tazyk.webs.com/Extrem%20Tutorials%20Files/jquery.min.js"></script>
<script type="text/javascript" src="http://tazyk.webs.com/Extrem%20Tutorials%20Files/slideshow.js">
/***********************************************
* Slideshow edited for www..forumgratuit.ro
* Slideshow updated by Crazy( www.extrem-tutorials.forum.st )
***********************************************/
</script>
<script type="text/javascript">
var mygallery2=new fadeSlideShow({
wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow
dimensions: [550, 270], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["http://forumulandrei.webs.com/Slider/Image/1.jpg", "http://www.bravenet.com/webhosting/", "", "bravenet "],
["http://bt.bloggerpremium.com/wp-content/uploads/2010/05/Greeny1.jpg", "http://extrem-tutorials.forum.st/t1665-template-greeny", "", "Template Greeny"],
//<--no trailing comma after very last image element!
],
displaymode: {type:'manual', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "always",
togglerid: "fadeshow2toggler"
})
</script><div class="slideshow-box"><div id="fadeshow2"></div></div><div id="fadeshow2toggler" style="width:350px; text-align:center; margin-top:10px"><div class="slideshow-button-1"><a href="#" class="prev"><img src="http://i69.servimg.com/u/f69/15/69/94/13/arrowl10.png" style="border-width:0" /></a></div> <div class="slideshow-status"><span class="status" style=" font-weight:bold"></span></div> <div class="slideshow-button-2"><a href="#" class="next"><img src="http://i69.servimg.com/u/f69/15/69/94/13/arrowr10.png" style="border-width:0" /></a></div>
</div><div id="fadeshow2"></div>
<style>
.slideshow-box {
position:absolute;
top:320px;
margin-left:190px;
border:4px solid #666666;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 0 0 12px #888;
-webkit-box-shadow: 0 0 12px#888;
box-shadow: 0 0 12px #888;
}
.slideshow-button-1 {
position:absolute;
top:435px;
margin-left:145px;
}
.slideshow-button-2 {
position:absolute;
top:435px;
margin-left:745px;
}
.slideshow-status {
position:absolute;
top:520px;
margin-left:560px;
}
</style>
Adaugati codul intr-o pagina HTML
ghebaruMar 1 Feb - 22:56