Visualizzazione dei risultati da 1 a 8 su 8
  1. #1

    Galleria immagini "Step carousel viewer"

    Salve ragazzi,
    ho bisogno di modificare un impostazione del java in oggetto. ( http://javascript.html.it/articoli/l...rousel-viewer/ )

    Vorrei che una una volta visualizzate tutte le immagini della galleria non ritorni indietro "di scatto".. ma vorrei farle scorrere normalmente all'infinito.

    Spero di essere stato chiaro.

    Per scatto intendo dire: una volta arrivati all'ultima immagine nella visualizzazione, lo script fa una specie di movimento strano, come se prendesse "la rincorsa" e torna alla prima immagine. Ecco vorrei eliminare questo effetto in modo da far scorrere (con i tasti o automaticamaente) le immagini in modo semplice.

    Grazie anticipatamente
    A presto

  2. #2
    lo scritp è questo
    codice:
     <script language="JavaScript1.2">
    <!--
    
    var sliderwidth=950
    var sliderheight=100
    var slidespeed=5
    
    var leftrightslide=new Array()
    var finalslide=''
    leftrightslide[0]='[img]01.gif[/img]'
    leftrightslide[1]='[img]02.gif[/img]'
    leftrightslide[2]='[img]03.gif[/img]'
    
    var copyspeed=slidespeed
    for (i=0;i<leftrightslide.length;i++)
    finalslide=finalslide+leftrightslide[i]+"  "
    
    
    if (document.all){
    document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')
    ieslider.onmouseover=new Function("ieslider.scrollAmount=0")
    ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed")
    }
    
    function regenerate(){
    window.location.reload()
    }
    function regenerate2(){
    if (document.layers){
    document.ns_slider01.visibility="show"
    setTimeout("window.onresize=regenerate",450)
    intializerightleftslide()
    }
    if (document.all)
    ieslider.scrollAmount=slidespeed
    }
    
    //NS specific function for initializing slider upon page load
    function intializeleftrightslide(){
    document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>')
    document. ns_slider01.document.ns_slider02.document.close()
    thelength=document.ns_slider01.document.ns_slider02.document.width
    scrollslide()
    }
    
    //NS specific function for sliding slideshow
    function scrollslide(){
    if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){
    document.ns_slider01.document.ns_slider02.left-=slidespeed
    setTimeout("scrollslide()",100)
    }
    else{
    document.ns_slider01.document.ns_slider02.left=sliderwidth
    scrollslide()
    }
    }
    window.onload=regenerate2
    
    //-->
    </script>
    
    <ilayer width=1050 height=152 name="ns_slider01" visibility=hide left="7" top="-71">
    
    
    <div align="center">
    </font>
    <layer name="ns_slider02" onMouseover="slidespeed=0;" onMouseout="slidespeed=copyspeed"></layer></ilayer>
    er inserire le immagini basta inserire nella tag [img]indirizzoimmagine.estenzione[/img] come vedi sotto, puoi mettere quello assoluto cioè con http:\\..... oppure se la foto è nella stessa cartella della pagina basta solo nomefoto.estenzione (come vi nel'esempio) , puoi aggiungere quante immagini vuoi cambianto il numero tra parentesi quadre per crare l'ordine a tuo piacimento.

    codice:
    var leftrightslide=new Array()
    var finalslide=''
    leftrightslide[0]='[img]01.gif[/img]'
    leftrightslide[1]='[img]02.gif[/img]'
    leftrightslide[2]='[img]03.gif[/img]'
    questo invece è per darli le dimensioni e la velocità della "barra" con le foto che devono scorrere
    codice:
    var sliderwidth=950
    var sliderheight=100
    var slidespeed=5
    l'ho fatto alla veloce ma dovrebbe andare

  3. #3
    Ma questo è un altro script.
    Io vorrei modificare lo script in oggetto dato che ho gia adattato tutto, mi manca solamente di eliminare quell'effetto alla fine e fare in modo che scorra fluido senza che torni indietro di colpo.

    <script type="text/javascript">
    stepcarousel.setup({
    galleryid: 'mygallery', //id of carousel DIV
    beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
    panelclass: 'panel', //class of panel DIVs each holding content
    autostep: {enable:true, moveby:1, pause:1000},
    panelbehavior: {speed:350, wraparound:false, persist:true},
    defaultbuttons: {enable: true, moveby: 1, leftnav: ['left.gif', -33, 110], rightnav: ['right.gif', 10, 110]},
    statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
    contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
    })

    Cosa devo modificare?

  4. #4
    il codice è un po disordinato..
    codice:
    <script type="text/javascript">
    stepcarousel.setup({
    galleryid: 'mygallery', 
    beltclass: 'belt', 
    panelclass: 'panel', 
    autostep: {enable:true, moveby:1, pause:1000},
    panelbehavior: {speed:350, wraparound:false, persist:true},
    defaultbuttons: {
    enable: true, moveby: 1, 
    leftnav: ['left.gif', -33, 110], 
    rightnav: ['right.gif', 10, 110]},
    statusvars: ['statusA', 'statusB', 'statusC'], 
    contenttype: ['inline']
    })
    immetti un nuovo campo che da un valore di infito alle immagini

  5. #5
    E come si fa a dare un valore infinito alle immagini? Cioè qual è il nome del comando e come lo integro all'interno di quel codice?

    Ti ringrazio tanttissimo

  6. #6
    Nessuno puo' aiutarmi??

  7. #7
    modificando questa stringa dovrebbe andare .. e da provare..
    codice:
     autostep: {enable:false, moveby:1, pause:1000},

  8. #8
    Niente, si blocca proprio e le immagini non scorrono.....

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.