Salve, ho un probelma con una mappa d'immagini usata come sfondo

ilnabbetto

Nuovo Utente
29 Mar 2016
3
0
0
Come da titolo ho un problema che vorrei risolvere, si tratta di una mappatura di un'immagine per mezzo di phothoshop e poi ricomposta a formare lo sfondo del sito personale. La mappatura mi serve in maniera tale che possa usare le immagini come dei "bottoni" al box centrale (contenuti,etc). Il problema che mi sono posto è il seguente: avendo l'immagina ricomposta di grande risoluzione 1900 x1000 se non mi sbaglio vorrei che anche chi avesse un 15"(classico portatile) riesca a vedere all 100% l'intera immagine (l'immagine mappata fa da background!)
il sito è questo ed è ad uso personale, per hobbystica/gioco. Vi chiedo una mano perchè valutando il sito con QuickTools e quindi a risoluzioni piu' basse la pagina web si vede solo in parte, e non in totalita' come io vorrei.

la pagina "incriminata": http://wrancan.altervista.org/Immagini_varie/prova_mappatura_immagine3-Copia.html
 
  1. Se usi l'immagine come puro background mi sembra impossibile che tu riesca a fare funzionare la mappatura, perchè la mappatura funzioni non deve essere in background
  2. Un'immagine mappata responsive non è una cosa così semplice deve essere progettata in base alle librerie jquery

Si potrebbe fare anche una versione per risoluzioni più basse e usare user-agent per individuare il device
 
in pratica è una tabella con le immagini e che fa da background. Ho visto qualcosa in merito a jquery ma non ci capisco molto e la carne sul fuoco è gia' tanta, quindi vorrei limitarmi a qualche uso di javascript preconfezionato e all'uso di css. Altrimenti per me è fare il passo piu' lungo della gamba, mi trovo gia' in difficolta' adesso, figuriamoci. Che consigli ? rifaccio tutto e magari riduco l'immagine al classico 900x ?
 
Fare un'immagine mappata con tabelle mmmh!! Non è proprio così che si deve fare! Di preconfezionato ho paura che non trovi nulla! Le uniche soluzioni possono essere:
  1. Fare come ho detto prima una versione per risoluzioni più basse
  2. Giocare sule misure in % sia delle celle che delle immagini

Ricorda però che le applicazioni per il web non si devono fare con PS, come vedi genera del codicxe che non serve a nulla
 

Discussioni simili