<center><style type="text/css"> ul#slider { width: 603px; height: 224px; list-style-type: none; margin: 0; padding: 0; overflow: hidden; } ul#slider li { float: left; position: relative; /*display: none;*/ } ul#slider li div { position: absolute; width: 373px; background-color: #000; color: #fff; left: 0; /*display: none;*/ padding: 10px; } .top { top: 0; } .bottom { bottom: 0; } </style> <script src="js/jquery.js" type="text/javascript"></script> <script src="js/mySlider.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $("#slider").mySlider({ timeOut: 4000, captionOpacity: .7 }); }); </script> <ul id="slider"> <li> <img src="http://i48.tinypic.com/2j1stgg.png" alt="" /> <div class="top"> Le nostre novit?! </div> </li> <li> <img src="http://i47.tinypic.com/wl9l4l.png" alt="" /> <div class="bottom"> Newsletter settimanale! </div> </li> <li> <img src="images/slider/4.jpg" alt="" /> <div class="bottom"> Call Of Duty 4... </div> </li> </ul></center>
Show Your Support