I forum Ricerca FAQ
Fai una domanda
Ultimo messaggio
lukeamadio
lukeamadio
il 4 agosto 2014 alle 18:06
8 messaggi dal 03 febbraio 2013
Ciao a tutti,

sto impazzendo dietro un problema che vi espongo.
Sto creando una pagina web in asp.net con code behind VB che deve visualizzare un immagine di 4000px x 700 px.
Vorrei fare in modo di visualizzare l'immagine (abbinandola ad una link map) che però scrollasse in orrizzontale.
Per spiegarmi meglio vorrei visualizzare l'immagine in una tab di 1500 px x 700 e fare in modo che allo spostamento del mouse si sposti la parte di immagine visualizzata, ma all'immagine vorrei abbinare una link map per reindirizzare la navigazione in base alla porzione di immagine cliccata.
(ovviamente la map deve scrollare insieme all'immagine)
E' fattibile?

Grazie in anticipo
Luke
RispondiQuoting
BrightSoul
BrightSoul
il 5 agosto 2014 alle 19:56
11.886 messaggi dal 09 febbraio 2002
Contributi
ciao Luke,
sì, è fattibile.
E' sufficiente che tu inserisca l'immagine in una DIV più stretta della sua larghezza. Fai comparire una barra di scorrimento mediante la regola CSS overflow-x: scroll.
Ecco una dimostrazione: la DIV limita l'area visibile dell'immagine. Nota come la mappa si sposti insieme ad essa (ci sono 4 aree sensibili).
http://jsfiddle.net/7Epd2/

Ora che abbiamo predisposto la struttura, implementiamo anche il comportamento.

lukeamadio ha scritto:

fare in modo che allo spostamento del mouse si sposti la parte di immagine visualizzata

Ti servirà del javascript per fare in modo che la div scrolli anche quando la si "trascina" col mouse. Puoi ricorrere a qualche plugin di jQuery oppure farlo a mano, che non è complicato ma va ampiamente testato. Ecco un esempio:
http://jsfiddle.net/7Epd2/4/

ciao,
Moreno
Modificato da BrightSoul il 05 agosto 2014 19.57 -
Enjoy learning and just keep making
RispondiQuoting

Torna al forum | Feed RSS

ASPItalia.com non è responsabile per il contenuto dei messaggi presenti su questo servizio, non avendo nessun controllo sui messaggi postati nei propri forum, che rappresentano l'espressione del pensiero degli autori.