Adfly Links not working Find Direct Links HERE

New Auto Horizontal Image Slider[Style 2] Using jQuery For Blogger Blog

Auto Image slider with great flexibility to re-size the total container and width and length of thumbnails or image. Very light with small code for execution.

See the DEMO for its working. And below CSS code to change container size and thumbnail size

                        #intro {
    width: 580px;
    margin: 0 auto;
   .wrapper {
    background-color: white;
    width: 480px;
    margin: 40px auto;
    padding: 50px;
    box-shadow: 0 0 5px #999;
   .list_carousel {
    background-color: #ffffff;
    margin: 0 0 30px 60px;
    width: 710px;
   .list_carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
   .list_carousel li {
    font-size: 40px;
    color: #999;
    text-align: center;
    background-color: #eee;
    border: 5px solid #999;
    width: 200px;
    height: 150px;
    padding: 0;
    margin: 6px;
    display: block;
    float: left;
   .list_carousel.responsive {
    width: auto;
    margin-left: 0;
   .clearfix {
    float: none;
    clear: both;
   .prev {
    float: left;
    margin-left: 10px;
   .next {
    float: right;
    margin-right: 10px;
   .pager {
    float: left;
    width: 300px;
    text-align: center;
   .pager a {
    margin: 0 5px;
    text-decoration: none;
   .pager a.selected {
    text-decoration: underline;
   .timer {
    background-color: #999;
    height: 6px;
    width: 0px;

View Demo for complete code


Feel free to leave comment if you like above widget, have any questions or just say Hi! :)