Discussion :

[xibaarinfo]

Bonjour,
j'ai récupérer un script ici qui permet de faire plusieurs zone de sélections sur une image et de récupérer les coordonnées des zones.
Le script me convient presque sauf que l'image de fond est flouté dés qu'on fait une sélection.
J'ai essayé de manipuler le css avec l'attribut blur à 0px mais aucun effet.
La démo ici
Lessources ici

Merci de m'aider à dépatouiller. Je m'y connais plus en back-office

[Pierre Maurette]

Bonjour,

Ça ne semble pas bien compliqué. Vous ajoutez un CSS (inclus après jquery.selectareas.css) contenant:

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
.blurred {
    filter: url(/filters.svg#blur3px) !important;
    -webkit-filter: blur(3px) !important;
    -moz-filter: blur(3px) !important;
    -o-filter: blur(3px) !important;
    filter: blur(3px) !important;
}

corrigé bien entendu (0px, None).
Et pour le fond atténué:

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.select-areas-overlay {
    opacity: 0 !important;
}

ou une autre valeur d'opacity.
Regardez quand même dans la documentation du plugin s'il n'y a pas d'options qui feraient la même chose.

[xibaarinfo]

Merci pour ta réponse Pierre.
Les options suivantes ne semblent pas fonctionner. Je vais me contenter de ta solution qui me convient.

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
// opacity of the moving dotted outline around a selection
outlineOpacity: 0,
 
// opacity of the overlay layer over the image
overlayOpacity: 0,