Immagine HTML

[samuele ronzani]

Buongiorno a tutti, mi trovo davanti a un grosso problema. Ieri sera, ho mappato l'immagine di copertina del mio sito con queto codice, dandogli delle specifiche grandezze per il desktop. A voi il codice:

 <header id="top" class="header">
<img src="img/quartabi-SH01.png" alt="immagine di copertina" height="850px" usemap="#Map"/>
<map name="Map">

  <area shape="circle" coords="881,447,50" href="tel:+000000000">
  <area shape="circle" coords="986,433,46" href="https://www.facebook.com/yyyyyyyyy/?fref=ts">
  <area shape="circle" coords="1100,417,47" href="mailto:xxxxxxx@zzzzzzz.com">
  <area shape="circle" coords="767,466,47" href="#info">
</map>
</header>

Fino a qua tutto ok, il problema sta che nei dispositivi mobili l'immagine è sempre di 850px e si vede male, come faccio a fare in modo che si allinei con il telefono? oppure è possibile dire al codice stesso che se un dispositivo mobile accede al sito lui mi deve impostare la grandezza al 100%? (l'unica soluzione che ho trovato fino a ora, ma l'immagine poi su desktop si vede malissimo). Ecco a voi il link del sito: http://www.ronzanisamuele.it/quartabi.com/index.htm Aiutatemi!!!

[carlomarangoni]

Ovvio che se cambi risoluzione le coordinate non funzionano più! La soluzione è JQUERY

[samuele ronzani]

Riesci a darmi una mano?

[samuele ronzani]

Il fatto è che non sono tanto pratico del jquery, se riesci dammi un codice o dammi delle istruzioni

@carlomarangoni

[carlomarangoni]

Nel link che ti ho dato c'è istruzioni, demo e download! Più di così?

[samuele ronzani]

D'accordo, scusa ma ero in macchina dò un'occhiata e ti faccio sapere!

[samuele ronzani]

Ciao, ho provato ad inserire lo script, ma non cambia nulla.
L'immagine non si adatta allo smartphone.
Altre soluzioni?

Comunque buone feste!

[carlomarangoni]

Ciao, ho provato ad inserire lo script, ma non cambia nulla.
L'immagine non si adatta allo smartphone.........

Perché altre soluzioni? Quella soluzione funziona benissimo, io stesso l'ho provata!
Sicuramente avrai sbagliato e tralasciato qualche cosa nell'integrarla.
Riprova vedrai che va bene! Ma fai attenzione a tutto senza tralasciare nulla