Jquery Slideshow

De fiecare data cand ajung sa fac un slide show cu poze sau alt content din lene sa ma uit la precedente fac scripturile diferit.

Insa cel mai simplu cred ca este asta:

 

$('#slide li:gt(0)').hide();

setInterval(function(){
$('#slide li:first-child').fadeOut('slow')
.next('li').fadeIn('slow')
.end().appendTo('#slide');},
3000);

HTML:

 

<ul id="slide">

<li>Orcie</li>

<li>Alt slide</li>

</u>

 

CSS:

 

#slide
{
    width:1000px;
    height:340px;
    overflow:hidden;
}
ul#slide
{
    margin:0;
    padding:0;
    list-style:none;
    position:absolute;
}
ul#slide li
{
    margin:0;
    padding:0;
    float:left;
    z-index:1;
}

 

Leave a Reply

Your email address will not be published. Required fields are marked *