La soluzione che vi propongo oggi riguarda la creazione di una mappa immagine dove le aree vengono evidenziate al passaggio del mouse, qualcosa di simile all’immagine qua sotto.
Per farlo senza ricorrere ad html5 esistono principalmente due modi:
- Utilizzare un’overlay con un div e css. Elegante ma limitato alle forme rettangolari.
- Sostituire l’immagine. Un po macchinoso soprattutto quando ci sono molte aree cliccabili.
Prosegui la lettura…
Categorie:Javascript, Markup, Neuroni, PHP, Prodotti SK, WD Tools Tag: code, download, HTML, Idee, Javascript, Markup, PHP, risorse, Skipstorm, snippets, software, Sviluppo Web
Ovviamente il modo migliore di estrarre contenuti da flickr è utilizzare le sue api ma vi offro questo script come esempio in modo che possa essere modificato per altri scopi. Il dom non può essere utilizzato solo per html ma anche per l’xml e simili, un feed RSS ad esempio.
Gli utilizzi possibili sono diversi, dall’inserire su un sito i contenuti di un altro (se i copyright lo permettono) al monitoraggio di un sito, potreste ad esempio voler ricevere un’email quando viene pubblicato un nuovo articolo sul vostro sito preferito e così via.
Prosegui la lettura…
Mi era stato chiesto se fosse possibile dare una dimensione in percentuale ad un’immagine di sfondo in modo da far adattare l’immagine alla finestra. Al momento non è possibile fare una cosa del genere con i css e per questo ho creato questo piccolo script javascript che risolve il problema.
Lo script è disponibile in due versioni, nella prima l’immagine viene deformata per adattarsi alla finestra:
Nella seconda l’immagine occupa lo spazio disponibile senza deformarsi e in caso facendo apparire le barre di scorrimento del browser:
Prosegui la lettura…
Categorie:Java Script, Java Script, Javascript, Prodotti SK Tag: code, download, Effetti, jQuery, Markup, script, Skipstorm, snippets, Sviluppo Web, webdesign
