rollover & imagecache

7 contenuti / 0 new
Ultimo contenuto
rollover & imagecache

Salve!
Ho un campo cck immagine che visualizzo tramite un preset di image cache.
Mi servirerebbe, se possibile, avere un effetto rollover sull'immagine, ovvero:
- apro la pagina e mi apre l'immagine con un preset
- quando vado col mouse sopra l'immagine, mi carica l'immagine con un altro preset (vorrei fare in modo che l'originale sia in bianco e nero, quindi con un preset desaturato, e se si va sopra col mouse apre il preset senza il desaturato)

In alternativa, mi accontenterei di sapere come fare un rollover semplicemente avendo due campi cck image :)

Grazie,
Sergej

grazie :)

Ho provato il modulo, ma forse non è quello che fa per me.
Io vorrei non che appaia un pop-up con l'immagine, ma che l'immagine stessa cambi (insomma il classico effetto roll over).
Non ho trovato configurazioni del modulo..

confesso di non aver testato il modulo.
Tuttavia dalla descrizione sembra chiaro che nel tuo caso dovresti creare 2 preset con dimensioni identiche, uno a colori e uno in b/n ed impostare il formatter (visualizzazione campi) del tipo:
preset a colori to preset b/n

Sì sì, l'ho fatto.
Ma succede che se vado sopra l'immagine col mouse mi apre un pop-up, spostato di tot pixel dall'immagine originale, con l'immagine con il preset "nuovo" (che tra l'altro, questo pop-up, "segue" il mouse fino a che ci si sposta sopra l'immagine).
Forse si potrebbe lavorare direttamente sul modulo, ho provato velocemente ma non sono riuscito, proverò :)

hai ragione.
il modulo non è pensato per quello che vuoi fare, anche se sembra.
Per quello che so, ti conviene rimuovere 'sto modulo e provare uno di questi sistemi:

  • creare le immagini "a mano" fondendo in un unica immagine la versione a colori e quella in b/n; dopodichè usando la proprietà background-position sposti l'immagine; ad es se l'immagine è 50x50:
    .immagine a{
      background-image: url(sites/default/files/immagine.jpg)
      background-position: top left;
    }
    .immagine a:hover{
      background-position: 50px left;
    }
  • smanettare con imagecache actions per vedere se puoi ottenere l'immagine di cui sopra automaticamente

...sorry per il suggerimento errato...