Ici & Là

01 Société 02 Histoire 03 Science 04 Science fiction 05 SPIP 06 NTIC 07 Sondages 08 Divers
La meilleure façon de réaliser ses rêves est de se réveiller (Paul Valéry)

Accueil > SPIP > Navigation > Image Map jQuery MapHilight « Plugins SPIP » > « Plugin Image Cliquable » jQuery MapHilight pour SPIP avec zones changeantes (...)

« Plugin Image Cliquable » jQuery MapHilight pour SPIP avec zones changeantes au survol de la souris appliqué à l’image de la Louve Capitoline

mardi 10 janvier 2017, par François Daniel Giezendanner

Notez cet article
1 vote

Utilisation du Plugin Image Cliquable appliqué à l’image de la Louve Capitoline avec quatre zones polygonales changeant au survol de la souris.

 Introduction

Dans cet article nous reprenons ce qui est présenté dans l’article :

et l’appliquons selon la méthode du Plugin Image Cliquable présentée dans l’article :


 Application du code à l’image 1

Remus : Le Logiciel libre, un collaboratoire-compétitoire planétaire socio-constructiviste. Romulus : Les méthodes actives au cœur de nos préoccupations. Savoir, connaissances : Différence entre savoir et connaissance -  «La compétence vient quand on a «digéré » des savoirs, afin qu’ils se transforment en connaissances. Tete de la louve : La scène d’une louve allaitant les jumeaux Rémus et Romulus est une métaphore à forte évocation au plan pédagogique.

(liste des zones cliquables) :


 Application du code à l’image 2

Remus : Le Logiciel libre, un collaboratoire-compétitoire planétaire socio-constructiviste. Romulus : Les méthodes actives au cœur de nos préoccupations. Savoir, connaissances : Différence entre savoir et connaissance -  «La compétence vient quand on a «digéré » des savoirs, afin qu’ils se transforment en connaissances. Tete de la louve : La scène d’une louve allaitant les jumeaux Rémus et Romulus est une métaphore à forte évocation au plan pédagogique.

(liste des zones cliquables) :


 Application du code à l’image 3

Remus : Le Logiciel libre, un collaboratoire-compétitoire planétaire socio-constructiviste. Romulus : Les méthodes actives au cœur de nos préoccupations. Savoir, connaissances : Différence entre savoir et connaissance -  «La compétence vient quand on a «digéré » des savoirs, afin qu’ils se transforment en connaissances. Tete de la louve : La scène d’une louve allaitant les jumeaux Rémus et Romulus est une métaphore à forte évocation au plan pédagogique.

(liste des zones cliquables) :


 Code utilisé

<img819|cliquable|maphilight|type1=poly|alt1=Tete de la louve : La sc&egrave;ne d&rsquo;une louve allaitant les jumeaux R&eacute;mus et Romulus est une m&eacute;taphore &agrave; forte &eacute;vocation au plan p&eacute;dagogique.|coord1=65,14,71,35,101,36,103,21,110,13,123,25,126,37,123,47,123,71,119,95,106,114,95,122,79,124,58,115,47,96,44,77,44,58,47,49,45,39,47,32,56,21|lien1=spip.php?article395#outil_sommaire_6|type2=poly|alt2=Savoir, connaissances : Diff&eacute;rence entre savoir et connaissance -&nbsp; &laquo;La comp&eacute;tence vient quand on a &laquo;dig&eacute;r&eacute; &raquo; des savoirs, afin qu&rsquo;ils se transforment en connaissances.|coord2=221,133,243,129,289,125,341,124,357,126,366,137,365,156,360,167,355,173,351,173,344,166,335,178,326,166,318,182,316,182,307,171,301,181,298,180,288,167,279,188,275,187,269,176,266,185,262,184,253,168,250,168,243,179,237,187,234,187,229,181,227,185,224,186,218,176,222,163,217,150,217,141|lien2=http://wiki.rdeladurantaye.ep.profweb.qc.ca/index.php/DistinguerSavoirConnaissance|type3=poly|alt3=Remus : Le Logiciel libre, un collaboratoire-comp&eacute;titoire plan&eacute;taire socio-constructiviste.|coord3=268,188,259,194,254,200,255,208,255,212,250,222,245,237,246,244,249,246,254,246,260,242,261,238,260,245,259,250,251,251,244,258,244,265,253,274,261,281,263,282,262,288,263,294,268,295,276,292,283,288,283,283,278,278,275,273,277,274,281,277,284,275,285,273,287,279,297,281,309,281,312,280,317,286,325,289,334,293,341,297,342,298,348,299,351,294,353,285,352,278,350,272,346,270,341,271,340,276,339,281,331,274,320,266,311,261,299,259,296,258,296,244,294,226,304,229,312,228,316,224,316,217,302,200,302,191,293,185,290,185,290,189,291,193,292,197,290,194,288,193,288,197,289,201,293,205,299,213,297,213,287,209,286,198,284,193,277,189,273,187,270,188|lien3=spip.php?article708|type4=poly|alt4=Romulus : Les m&eacute;thodes actives au c&oelig;ur de nos pr&eacute;occupations.|coord4=325,268,320,255,318,243,322,239,332,237,337,235,338,223,337,216,332,223,327,226,321,222,317,214,314,207,308,206,302,198,308,198,310,198,307,196,307,193,311,193,317,196,322,201,327,208,332,201,339,197,345,193,343,182,347,176,350,174,355,174,360,174,369,175,374,182,375,190,371,196,373,198,377,199,377,196,382,196,384,200,384,204,383,209,386,218,386,227,383,232,381,234,377,233,373,230,371,227,372,233,373,245,378,256,380,265,380,276,378,281,375,283,371,283,364,280,360,272,359,265,357,258,356,262,351,262,342,258,340,258,340,267,340,272,339,281,331,274,327,270|lien4=spip.php?article704>