Discussion :

[Nixar]

Bonjour à tous,
Pour un UserControl, j'utilise un ImageButton qui ouvre (via un script javascript) un nouveau navigateur sur une page déterminée. Etant donné que mes UserControl sont ajoutés dynamiquement, j'ai utilisé dans un premier temps la propriété ImageUrl pour lui affecter une vignette à afficher.

Le souci est que mon ImageButton est fixe (100px x 100px) et que mes vignettes ont leur plus grande dimension égale à 100 (ex : 100 x 66). Du coup, pour remplir complètement la surface de l'ImageButton, il me déforme complètement mes vignettes à l'affichage.

1) Est-il possible de régler l'affichage et le remplissage de l'image saisie dans l'ImageUrl?

Après, j'ai essayé de passer par les attributs css de mon contrôle :

Code :

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

1
2
3
4
5
LienPhoto.AccesseurImage.Style.Add("background-image", "monurl");
 
            LienPhoto.AccesseurImage.Style.Add("background-position", "center center");
            LienPhoto.AccesseurImage.Style.Add("background-attachment", "fixed");
            LienPhoto.AccesseurImage.Style.Add("background-repeat","no-repeat");

Sous IE, il m'affiche l'image dans les bonnes dimensions, en laissant la marge nécessaire. Par contre, la croix rouge sur fond blanc est toujours présente (puisque je ne lui ai pas affecté d'image via ImageUrl).

2) Est-il possible de supprimer l'affichage de cette croix blanche (côté client, via Javascript?)

Sous firefox ca ne fonctionne pas du tout... Aucune image n'est affichée, aucune adresse ne semble être entrée en paramètre de "background-image". Avez-vous une idée de pourquoi?

J'espère avoir été assez clair...

Merci de vos réponses

[Pongten]

De ce que je comprends, tu utilises le clic sur l'imageButton uniquement via JavaScript ? Dans ce cas, pourquoi ne pas simplifier en insérant un Div avec ton image de fond et en lui affectant l'attribut onClick, ça ferait l'affaire non ?

[Nixar]

OUi en effet tu as tout à fait raison... Une autre méthode que j'avais identifié pour faire disparaître la croix rouge : lui assigne une image gix d'1px x 1px qui soit transparente.

Merci de ta réponse !

[Pongten]

Avec plaisir :-)