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
Notez cet article
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 :
- « Maps » sur l’image de la « Louve capitoline »
mardi 10 janvier 2017, par François Daniel Giezendanner
http://icietla-ge.ch/voir/spip.php?article214&var_mode=calcul
et l’appliquons selon la méthode du Plugin Image Cliquable présentée dans l’article :
- Plugin Image Cliquable avec zones changeantes au survol de la souris
mardi 10 janvier 2017, par François Daniel Giezendanner
http://icietla-ge.ch/voir/spip.php?article216&var_mode=recalcul
Application du code à l’image 1
(liste des zones cliquables) :
- 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.
Application du code à l’image 2
(liste des zones cliquables) :
- 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.
Application du code à l’image 3
(liste des zones cliquables) :
- 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.
Code utilisé
<img819|cliquable|maphilight|type1=poly|alt1=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.|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érence entre savoir et connaissance - «La compétence vient quand on a «digéré » des savoirs, afin qu’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étitoire plané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éthodes actives au cœur de nos pré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>