Geckozone

Bonjour
J'utilise un petit java-script avec la bibli jquery-1.3.1.min.js, pour afficher 4 images cliquables avec texte en surimpression au clic et lien vers une autre page.
Ca marche très bien, sauf pour la 1ère des 4 images uniquement sous FF qui ne s'affiche pas, (le texte cliquable et le lien fonctionnent)
Firebug me montre pour la 1ère image :

Code : Tout sélectionner

<img class="fniqcvyuzbxanqscblta" width="125" height="125" title="" alt="Denier" src="IMG/gif/logo-denier_125x125.gif" style="width: 125px; display: block; height: 125px; top: 0px; left: 0px;">

Alors qu'aux autres j'ai :

Code : Tout sélectionner

<img width="125" height="125" title="" alt="Tvx NDBS" src="IMG/jpg/TVX_125x125.jpg" style="width: 125px; display: block; height: 125px; top: 0px; left: 0px;">

Le pb est donc bien au niveau de "class"

et dans la fenêtre 'style' de Firebug, pour la première image uniquement, j'ai :

Code : Tout sélectionner

.fniqcvyuzbxanqscblta {
  -moz-binding: url("chrome://global/content/bindings/general.xml#foobarbazdummy") !important;
}

Sans compétence en programmation

je suis plutôt "bloqué".

Merci de vos éclairages potentiels....

Marc.

Pour ceux qui ne voudraient pas tout lire voici le résultat de ma recherche :

C'est donc bien Adblock plus qui est la cause.
Mais c'est "normal" = il bloque les pixel-tags (image en .gif de 1x1 pixel quelque part dans une page web, ou certains plus grands qui sont "transparents", qui sont donc "invisibles" et qui nous pistent)
Donc dans un script, du style de celui que j'ai utilisé, il vaut mieux éviter les .gif ....

le 01 juin
Marc.
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:20.0) Gecko/20100101 Firefox/20.0

Bonjour,

Je déplace dans "Développement web".

Il faudrait nous donner l'adresse de la page pour pouvoir tester et avoir l'ensemble du code.
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:23.0) Gecko/20130527 Firefox/23.0

bonjour,

marctxr a écrit :Bonjour

Le pb est donc bien au niveau de "class"

et dans la fenêtre 'style' de Firebug, pour la première image uniquement, j'ai :
Code : Tout sélectionner
.fniqcvyuzbxanqscblta {
  -moz-binding: url("chrome://global/content/bindings/general.xml#foobarbazdummy") !important;
}

dans l'adresse, une chose de bizarre à la place de "chrome", cela ne devrait il pas être "http" ?
et si cela est bon, il n'y a pas longtemps le code ne fonctionnait pas si "!important" n'était pas collé à la dernière lettre, ici cela serait à ")".
Votre Navigateur : Mozilla/5.0 (Windows NT 6.0; rv:21.0) Gecko/20100101 Firefox/21.0

chriss.. a écrit :dans l'adresse, une chose de bizarre à la place de "chrome", cela ne devrait il pas être "http" ?
et si cela est bon, il n'y a pas longtemps le code ne fonctionnait pas si "!important" n'était pas collé à la dernière lettre, ici cela serait à ")".

Peut-être mais où et surtout pourquoi, ma page et/ou script génère ce code ?
Sur les 3 autres images il n'y est pas j'ai ce code sans moz-binding comme pour Chrome, Ie, Safari ou Opera :

Code : Tout sélectionner

<img src="IMG/gif/logo-denier_125x125.gif" alt="Denier" title="" width="125" height="125" style="width: 150px; display: block; height: 150px; top: -15px; left: -15px;">

De plus il y a quelques temps, probablement avant la dernière m.a.j. de FF, je n'avais pas ce pb !
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:20.0) Gecko/20100101 Firefox/20.0

Salut,

Ça ressemble plus à une cochonnerie qu'autre chose...
As-tu la possibilité de tester sur un autre poste ?
Ou de nous indiquer le lien vers la page en ligne de façon à ce qu'on regarde ce que ça fait pour nous ?
Votre Navigateur : Mozilla/5.0 (Windows NT 5.1; rv:21.0) Gecko/20100101 Firefox/21.0

Sur un autre ordinateur, depuis chez moi, même pb avec FF
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:20.0) Gecko/20100101 Firefox/20.0

problème venant d'ADBLOCK plus 2.2.4 ... désactivé l'image revient...
... rapport avec une pub ???
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:21.0) Gecko/20100101 Firefox/21.0

Une fois encore, sans voir le code, impossible à dire.
C'est un peu comme ton médecin : si tu es malade et que tu lui téléphones et lui dit "je suis malade", il va pas pouvoir t'aider

Votre Navigateur : Mozilla/5.0 (Macintosh; Intel Mac OS X 10.8; rv:21.0) Gecko/20100101 Firefox/21.0

voici l'extrait de code de la page jusqu'à l'affichage de la 1ère image, avec l'appel au petit javascript

Code : Tout sélectionner

<head>
<script src="lib/javascript/jquery-1.3.1.min.js"></script>

<script>

$(document).ready(function() {

	//move the image in pixel
	var move = -15;
	
	//zoom percentage, 1.2 =120%
	var zoom = 1.2;

	//On mouse over those thumbnail
	$('.item').hover(function() {
		
		//Set the width and height according to the zoom percentage
		width = $('.item').width() * zoom;
		height = $('.item').height() * zoom;
		
		//Move and zoom the image
		$(this).find('img').stop(false,true).animate({'width':width, 'height':height, 'top':move, 'left':move}, {duration:200});
		
		//Display the caption
		$(this).find('div.caption').stop(false,true).fadeIn(200);
	},
	function() {
		//Reset the image
		$(this).find('img').stop(false,true).animate({'width':$('.item').width(), 'height':$('.item').height(), 'top':'0', 'left':'0'}, {duration:100});	

		//Hide the caption
		$(this).find('div.caption').stop(false,true).fadeOut(200);
	});

});

</script>
<style>
body {
	font-family:arial;	
}

.item {
	width:125px;
	height:125px;	
	border:4px solid #222;	
	margin:5px 5px 5px 0;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}

.item .caption {
	width:125px;
	height:125px;
	background:#000;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=60);    /* ie  */
	-moz-opacity:0.6;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.6;    /* for really really old safari */  
	opacity: 0.6;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.item .caption a {
	text-decoration:none;
	color:#0cc7dd;
	font-size:16px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}

.item .caption p {
	padding:5px;	
	margin:0;
	font-size:10px;
}

.item img {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
}

.clear {
	clear:both;	
}
</style>
</head>

<body>

<div class="item">
	<a href="#"><img src="IMG/gif/logo-denier_125x125.gif" alt="Denier" title="" width="125" height="125"/></a>
	<div class="caption">

Pour le javascript, je ne peux pas mettre le code "trop long" et de toutes façons il n'est pas nouveau et donc ne devrait pas être en cause (je dis pas de bêtise?).

Marc.
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:21.0) Gecko/20100101 Firefox/21.0

Salut,

C'est bien Adblock le responsable, et tu n'es pas le seul à avoir eu ce souci
http://www.siteduzero.com/forum/sujet/c ... mage-56194

Vérifie dans un premier temps que tu n'as pas ajouté un filtre par mégarde.
Si c'est Adblock qui le fait tout seul, il va falloir chercher pourquoi il prend ton image pour une pub => essaye en modifiant le nom de fichier, en enlevant les indications de taille (habituelles sur les bannières de pub).
Votre Navigateur : Mozilla/5.0 (Windows NT 5.1; rv:21.0) Gecko/20100101 Firefox/21.0

OK, j'ai trouvé comment résoudre : j'ai changé l'image gif en jpg ... !
Ensuite c'est le pb d'Adblock : visiblement il n'aime pas les gif.... j'ai testé en changeant juste le nom de l'image, avec les tailles...., ça changeait rien.
Et de ttes façons ça marchait avec les 3 autres... qui étaient des jpg... donc voilà..

En tous cas merci de vos réponses !

Marc.

PS : comment on peut marquer "résolu" ?
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:21.0) Gecko/20100101 Firefox/21.0

regarde aussi dans Adblock plus pourquoi les .gif sont bloqués ?? ce n'est pas normal....
Votre Navigateur : Mozilla/5.0 (Windows NT 6.0; rv:21.0) Gecko/20100101 Firefox/21.0

Ça ne le fait que depuis quelques temps... avant ça ne bloquait pas.
Une mise à jour qui a dû changer un petit quelque chose... mais quoi....? that is the question...
Alors... avant FF 21....ou .... avant Adblock 2.2.4 .... ?
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:21.0) Gecko/20100101 Firefox/21.0

re,

dans adblock plus. peut-être à cause un logiciel malveillant ????????

Chez moi tout est ok !!
Votre Navigateur : Mozilla/5.0 (Windows NT 6.0; rv:21.0) Gecko/20100101 Firefox/21.0

Salut,

Bizarre cette histoire quand même. Peut-être un petit bug d'Adblock aussi.

marctxr a écrit :PS : comment on peut marquer "résolu" ?

Tu modifies ton premier message et tu ajoutes [Résolu] dans le titre

Votre Navigateur : Mozilla/5.0 (Windows NT 5.1; rv:21.0) Gecko/20100101 Firefox/21.0

Geckozone

moz-bindings bloque image [resolu] efficacité d'adblock plus

moz-bindings bloque image [resolu] efficacité d'adblock plus

Re: moz-bindings bloque image

Re: moz-bindings bloque image

Re: moz-bindings bloque image

Re: moz-bindings bloque image

Re: moz-bindings bloque image

Re: moz-bindings bloque image

Re: moz-bindings bloque image

Re: moz-bindings bloque image

Re: moz-bindings bloque image

Re: moz-bindings bloque image

Re: moz-bindings bloque image

Re: moz-bindings bloque image

Re: moz-bindings bloque image

Re: moz-bindings bloque image