2012-07-27 15 views

risposta

1

che dovevo fare qualcosa di simile di recente con Bootstrap e cercato di ottenere i suggerimenti che lavorano con le aree della mappa immagine, ma ha rinunciato

Sono andato con ImageMaster che è un plugin jQuery per fare mappe di immagini e dispone di opzioni come tooltip ecc

http://www.outsharked.com/imagemapster/

https://github.com/jamietre/ImageMapster

ImageMapster avuto alcuni problemi con i CSS di Sputafuoco ma l'autore gentilmente risolto il problema per me, quindi dovrebbe funzionare benissimo!

+0

Grazie per la risposta. Sembra che dovrei procurarmi un'altra libreria di tooltip o creare fantasiose descrizioni di comandi da solo (non è così difficile :)) – Anton

9

Amo il bootstrap di Twitter ma alcuni dei plugin js sono un po 'semplici nella loro forma attuale.

Checkout QTIP 2-http://qtip2.com/

fa tutto compreso mappe immagine - http://qtip2.com/demos/#imagemaps

e si può solo regolare le classi di potenza a quelli bootstrap.

+1

cool plug-in, grazie per l'heads up. Ecco il link aggiornato per la funzione imagemaps (è un componente aggiuntivo ora sembra): http://qtip2.com/plugins#imagemap –

0

Dopo una giornata di ricerca e di riflessione su come risolvere il tooltip (immagine della mappa usando l'area) per un progetto, ho trovato questo http://www.xing.net.au/blogs/displaying-page-in-jquery-tooltip questo è più flessibile di JSFiddle quando si tratta di personalizzare il contenuto da visualizzare.

L'esempio in JSFiddle dipende dall'attributo ALT dell'area mentre il Jtip può essere personalizzato utilizzando un'altra pagina.

Tutto il meglio!

Problemi correlati