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

    far scorrere immagini a dx e sx tramite tasti

    Ciao, sto creando una gallery Gallery falegnameria brescia.
    ogni lavoro che faccio vorrei inserire una decina di foto.
    vorrei creare un'anteprima con foto piccole che poi cliccandoci sopra aprano una foto grande. (per questo sto usando lightbox)
    il problema sorge ora.
    io vorrei inserire le foto. es. lavoroA tutte su una sola riga e visto che non ci stanno tutte nello schermo vorrei creare uno scrolling. a me non serve elaborato...mi basterebbero tasto freccia SX e Tasto freccia DX in modo che un utente faccia scorrere la 10 minifoto usando questi tasti inseriti ai vertici della cella che contiene le 10 foto.
    spero di essermi spiegato bene...attendo un vostro aiuto.
    grazie

  2. #2
    Utente bannato
    Registrato dal
    Sep 2009
    Messaggi
    1,737
    Questo è il modo più semplice
    codice:
    <html> 
    <head> 
    <style> 
    .nowrap { 
        
    white-space: nowrap;
    overflow: scroll;
    } 
    </style> 
    </head> 
    <body> 
      
    <div class="nowrap"> 
    [img]foto[/img] [img]foto[/img][img]foto[/img][img]foto[/img][img]foto[/img][img]foto[/img][img]foto[/img][img]foto[/img]
    </div> 
    </body> 
    </html>

  3. #3
    certo, questo però graficamente non è la sluzione migliore...
    io chiedevo se era possibile dare dei comandi a 2 tasti (scorri verso sx e scorri verso dx)
    attendo info
    comunque grazie, è già una partenza!

  4. #4
    è una cosa impossibile quella che chiedo?

  5. #5
    Utente bannato
    Registrato dal
    Sep 2009
    Messaggi
    1,737
    Originariamente inviato da Eddie18
    è una cosa impossibile quella che chiedo?
    No! Ma è un problema di JS, ti dovresti far spostare in quella sezione. Con il solo html non lo puoi fare

  6. #6
    Originariamente inviato da miki003
    Questo è il modo più semplice
    codice:
    <html> 
    <head> 
    <style> 
    .nowrap { 
        
    white-space: nowrap;
    overflow: scroll;
    } 
    </style> 
    </head> 
    <body> 
      
    <div class="nowrap"> 
    [img]foto[/img] [img]foto[/img][img]foto[/img][img]foto[/img][img]foto[/img][img]foto[/img][img]foto[/img][img]foto[/img]
    </div> 
    </body> 
    </html>
    se voglio farlo scorrere dall'alto a basso?
    cosa devo cambiare?
    grazie

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.