Visualizzazione dei risultati da 1 a 2 su 2

Discussione: Velocità Slider Show

  1. #1

    Velocità Slider Show

    Salve a tutti. Utilizzo nel mio blog uno slidershow dei post, di cui però vorrei regolare la velocità di scorrimento. Vi incollo il codice, con la speranza sia di non aver sbagliato la sezione in cui chiedere, sia di trovare qualcuno che mi sappia suggerire il tag giusto.

    <center><style type="text/css" media="screen">
    <!--
    #PopularPosts1{
    height:263px;
    }
    .item-content {
    height:263px;
    position:relative;
    width:300px;
    }
    .slider {
    height:263px;
    margin-left:50px;
    width:500px;
    overflow:hidden;
    margin-top:5px;
    padding:0px 0px;
    height:263px;
    }
    .item-snippet {
    background:transparent url(http://i195.photobucket.com/albums/z...ujo/darkbg.png) repeat scroll 0 0;
    color:#FFFFFF;
    padding:5px 5px 10px 5px;
    position:absolute;
    bottom:0;
    text-align:left;
    width:500px;
    font-size:12px;
    font-style:italic;
    }
    .item-title{
    color:#FFFFFF;
    font-size:20px;
    font-weight:bold;
    font-style:normal;
    margin-bottom:5px;
    }
    .item-title a:link,.item-title a:visited{
    color:#FFFFFF;
    text-decoration:none;
    border:none !important;
    padding:0 !important;
    }
    .item-thumbnail img{
    padding:0 !important;
    }
    .item-thumbnail a{
    padding:0 !important;
    }
    .crosscol .widget-content {position:relative;}
    .slider ul, .slider li,
    #slider2 ul, #slider2 li{
    margin:0;
    padding:0;
    list-style:none;
    }
    #slider2{margin-top:1em;}
    .slider li, #slider2 li{
    width:500px;
    height:263px;
    overflow:hidden;
    }
    .item-thumbnail img{width:500px;height:263px}
    #prevBtn, #nextBtn,
    #slider1next, #slider1prev{
    display:block;
    width:30px;
    height:77px;
    position:absolute;
    left:-30px;
    text-indent:-9999px;
    top:71px;
    z-index:1000;
    }
    #nextBtn, #slider1next{
    left:520px !important;
    }
    #prevBtn, #nextBtn, #slider1next, #slider1prev {
    display:block;
    height:77px;
    left:0;
    position:absolute;
    top:100px;
    width:30px;
    z-index:1000;
    }
    #prevBtn a, #nextBtn a,
    #slider1next a, #slider1prev a{
    display:block;
    position:relative;
    width:30px;
    height:77px;
    background:url(url) no-repeat 0 0;
    }
    #nextBtn a, #slider1next a{
    background:url(url) no-repeat 0 0;
    }
    ol#controls{
    margin:1em 0;
    padding:0;
    height:28px;
    }
    ol#controls li{
    margin:0 10px 0 0;
    padding:0;
    float:left;
    list-style:none;
    height:28px;
    line-height:28px;
    }
    ol#controls li a{
    float:left;
    height:28px;
    line-height:28px;
    border:1px solid #ccc;
    background:#DAF3F8;
    color:#555;
    padding:0 10px;
    text-decoration:none;
    }
    ol#controls li.current a{
    background:#5DC9E1;
    color:#fff;
    }
    ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
    .test{
    margin:30px;
    }

    -->
    </style>
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'></script>
    <script src='http://accordion-for-blogger.googlecode.com/svn/trunk/easysliderpopular.js' type='text/javascript'></script></center>

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Uno slider e` realizzato tramite Javascript.
    Sposto quindi nel forum competente.

    Pero` dovresti postare il codice JS richiamato dai tag <script> inseriti.

    PS: nota che il codice HTML postato contiene varie anticherie, che andrebbero eliminate.

    PS2: quando posti codice, usa il VBtag [ code ], altrimenti si perde la formattazione (puoi usare il bottone CODE sopra l'area del testo)
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.