compatibilité avec certains navigateurs ?
Bonjour,
Je viens à vous car j'ai épuisé le peu de connaissances que j'avais et tous mes cheveux en recherches diverses.
Je ne maitrise pas du tout le javascript, mais pour les besoin d'un forum, j'ai voulu tenter de m'y mettre.
En fait, voici ce que je cherche à faire :
Si dans une page, j'ai une image incluse dans un lien, je souhaites utiliser jquery-ui afin de l'afficher.
Pourquoi ? car le lien mène vers l'image en grand format alors que l'image est une miniature.
On a alors ceci :
Code:
<a href="/img/members/2/P1000683.JPG"><span class="postimg"><img src="/img/members/2/mini_P1000683.JPG" alt="mini_P1000683.JPG"></span></a>
Et là ça marche impec avec le code javascript suivant :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
| //loading des images
jQuery(function() {
jQuery('span.postimg').parent('a').removeAttr('onClick').removeAttr('onKeyPress');
jQuery('span.postimg').parent('a').bind('click', function(e) {
var link = $(this);
var image = link.find('img');
var imgdest = '<img src="' + link.attr('href') + '" />';
var titledest = image.attr('alt');
jQuery("<div>"+imgdest+"</div>").dialog({
title: titledest,
draggable: true,
modal: true,
width: 'auto',
position: [100,100]
});
return false;
});
}); |
Le soucis viens des images simples comme celle-ci :
Code:
<span class="postimg"><img src="http://www.12thblog.com/wp-content/gallery/1demotivators/thumbs/thumbs_32_0.jpg" alt="thumbs_32_0.jpg"></span>
Et là, c'est le drame...Certains de mes utilisateurs disent voir <img> cliquable et quand ils cliquent dessus cela ouvre le lien dans une nouvelle fenêtre au lieu de voir l'image telle quel non cliquable.
Et je ne vois pas comment c'est possible sachant que tout fonctionne nickel chez moi sur firefox et internet explorer.
J'ai même testé sur chrome sans soucis.
J'ai juste deux utilisateur qui ont ça...Sur chrome et sur un téléphone sous android.
Ma question est la suivante : qu'est ce qui peut clocher dans mon code pour que ça arrive ? Je suis désemparé...
Merci de votre aide
