Monthly Archives: October 2012

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;
}