11521 sujets

JavaScript, DOM et API Web HTML5

Bonjour.

J'utilise une extension sur mon blog wordpress qui m'affiche une carte avec des markers.
J'ai 4 types de markers et j'aimerais faire en sorte que l'un des 4 soit toujours au-dessus des autres (si j'ai plein de markers sur une même ville, ils vont s'empiler les uns sur les autres).
Le z-index est automatiquement géré par l'extension.
Voici le code html d'un marker :
<img class="leaflet-marker-icon lmm_marker_icon_marker-shop leaflet-clickable leaflet-zoom-animated" src="http://blog.vitaliform.fr/wp-content/uploads/leaflet-maps-marker-icons/marker-shop.png" style="margin-left: -17px; margin-top: -36px; width: 32px; height: 37px; transform: translate(95px, -1138px); z-index: -1138;" title="LE CLUB MATE SPOT">

J'aimerais que ce z-index prenne la valeur de 1000 par exemple.
J'aimerais créer une fonction js en utilisant jquery par exemple, qui me cherche tous les markers ayant la class "lmm_marker_icon_marker-shop"
et que pour tous ces markers, le z-index soit mis à 1000.

Voici la page en question, si mes explications ne sont pas claires :
http://blog.vitaliform.fr/#section-nous-trouver
Je veux que le marker rouge soit toujours au-dessus des autres.

Comment faire cela ?
Modifié par DavidWebSolution (23 Feb 2015 - 15:35)
Bonjour.

J'ai une solution bien dégueulasse si tu veux :
img[title="LE CLUB MATE SPOT"] {
z-index: 1000 !important;
}