• A
    User Attivo •

    Slider immagini con passaggio mouse

    Come da titolo vorrei inserire in un box di un layout per un sito uno slider di immagini, le quali inizialmente (all'apertura del sito) devono essere ferme, ma che possono essere spostate a destra o a sinistra con il passaggio del mouse. Finora in rete non ho trovato nulla che mi abbia soddisfatto...Io penso esistano script già pronti per una cosa del genere, ma non ne ho trovati. Credo si possa fare anche in flash, ma io non conosco AS, quindi, a meno che esistano anche in questo caso slider già pronti da inserire nel sito, non potrei usufruire di flash.

    Un esempio pratico di ciò che vorrei ricreare lo trovate qui: barazzoni.it nella sezione /prodotti/linee

    In questo esempio le immagini forse girano un po' troppo velocemente, però l'effetto è quello che mi interessa. In questo caso al passaggio del mouse ogni immagine si ingrandisce, a me interesserebbe che da leggermente velata diventi nitida (eventualmente che si ingrandisca anche).

    Una cosa importante è che una volta spostato il mouse la immagini non contnuino a muoversi all'infinito...Una leggera coda, sì, ma non di più.
    Ad ogni immagine poi sarà associato un link di una pagina in cui ci sarà l'immagine grande e la descrizione (si tratta di lavori idraulici).

    Se conoscete qualcosa che possa soddisfare a grandi linee queste specifiche mi fareste un gran favore nel segnalarmela...Eventualmente poi posso vedere di personalizzare alcuni parametri che mi interessano, nel caso non fossero come servono a me.

    Vi ringrazio molto per l'attenzione... 😉

    Ale

    0
  • marcocarrieri
    ModSenior •

    Per caso intendi qualcosa come questi?
    ajaxdaddy.com/demo-jquery-carousel.html
    ajaxdaddy.com/demo-ajax-carousel.html

    0
  • A
    User Attivo •

    Questi due esempi che mi hai segnalato tu necessitano il click del mouse per spostare le immagini, io vorrei invece che si spostassero semplicemente al passaggio del mouse. Nel sito che ho segnalato sopra si vede bene ciò che intendo. Te lo risegnalo:

    barazzoni.it (chiaramente con www davanti)

    vai nella sezione /prodotti/linee (non posso linkartela perché è un sito totalmente in flash)

    In ogni caso, il secondo esempio che mi hai segnalato (ajaxdaddy.com/demo-ajax-carousel.htm) non è male come idea. Nel caso non riuscissi ad adottare la soluzione che sto cercando ora, potrei optare per una di quel tipo.

    0
  • marcocarrieri
    ModSenior •

    Non ho guardato bene il codice ma credo si possa adattare all'evento del passaggio del mouse il secondo.

    Cioè qual'ora ci fosse l'evento onClick lo si fa andare con onMouseOver.

    0
  • A
    User Attivo •

    Sì guarda io purtroppo di codice js non me ne intendo molto...Dovrei mettermi a guardare bene e capire dove e cosa modificare. Ora ti posso dire semplicemente che dove si trova un presunto onClick è solo sui lati dello slider, dove ci sono le freccette, qndi cambiando eventualmente quell'onClick con onMouseOver le immagini mi si sposterebbero solo al passaggio sulle freccette laterali...bisognerebbe che l'area dove agisse il mouse over sia qualla delle foto per far andare dinamicamente a destra e a sinistra lo slider a seconda di come mi muovo col mouse. Esattamente ciò che succede sul sito di Barazzoni.

    0
  • marcocarrieri
    ModSenior •

    Forse ho trovato quello che volevi, dico forse pero è.
    ajaxupdates.com/horizontal-pictures-movements-with-mouse/

    Che ne pensi?

    0
  • A
    User Attivo •

    Grande Marco! Proprio questo!

    L'unica cosa che non ha è la leggera coda di movimento quando si sposta il mouse dalle immagini, ciò quella che può essere chiamata inerzia... 😉 L'autore dell'articolo dice che non è riuscito ad otterene la stessa "smoothnness" che si ottiene con flash...Ho infatti commentato in fondo chiedendo se è effettivamente possibile creare questa coda di movimento quando il mouse si sposta dalle immagini e se quella sua frase indica invece che non è possibile ottenere un effetto del genere...

    Mi studierò il codice e vedrò se è possibile fare una cosa di questo tipo...In ogni caso, già così andrebbe molto bene!

    Ti ringrazio molto! 🙂

    0
  • marcocarrieri
    ModSenior •

    Dai dopo un brutto inizio eh eh alla fine ce l'ho fatta.
    Per fortuna c'è San Google eh eh.
    Saluti, Marco.

    0
  • A
    User Attivo •

    Sì beh Google è insostituibile! Io avevo cercato per questa cosa e ho anche trovato, ma non esattamente quallo che cercavo...Grazie ancora! 😉

    0
Effettua l'accesso per rispondere