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

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
marctxr
Salamandre
Messages : 43
Inscription : 01 avr. 2011, 23:03

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

Message par marctxr »

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 :oops: 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 :idea: 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
Dernière modification par marctxr le 01 juin 2013, 12:10, modifié 4 fois.
Sapientia facile videtur ab his qui diligunt eam.
Avatar de l’utilisateur
jpj
Animal mythique
Messages : 25260
Inscription : 01 août 2005, 15:38

Re: moz-bindings bloque image

Message par jpj »

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
► Si votre problème est [Résolu], svp, marquez-le.
► Pas de support par mp, l’aide se fait sur le forum.
Avatar de l’utilisateur
chriss..
Varan
Messages : 1181
Inscription : 13 nov. 2011, 23:15

Re: moz-bindings bloque image

Message par chriss.. »

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
--
Christian....
marctxr
Salamandre
Messages : 43
Inscription : 01 avr. 2011, 23:03

Re: moz-bindings bloque image

Message par marctxr »

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
Sapientia facile videtur ab his qui diligunt eam.
Asumbaa
Tyrannosaurus Rex
Messages : 2411
Inscription : 08 déc. 2004, 20:07

Re: moz-bindings bloque image

Message par Asumbaa »

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
marctxr
Salamandre
Messages : 43
Inscription : 01 avr. 2011, 23:03

Re: moz-bindings bloque image

Message par marctxr »

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
Sapientia facile videtur ab his qui diligunt eam.
marctxr
Salamandre
Messages : 43
Inscription : 01 avr. 2011, 23:03

Re: moz-bindings bloque image

Message par marctxr »

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
Sapientia facile videtur ab his qui diligunt eam.
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Re: moz-bindings bloque image

Message par calimo »

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 :wink:
Votre Navigateur : Mozilla/5.0 (Macintosh; Intel Mac OS X 10.8; rv:21.0) Gecko/20100101 Firefox/21.0
marctxr
Salamandre
Messages : 43
Inscription : 01 avr. 2011, 23:03

Re: moz-bindings bloque image

Message par marctxr »

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
Sapientia facile videtur ab his qui diligunt eam.
Asumbaa
Tyrannosaurus Rex
Messages : 2411
Inscription : 08 déc. 2004, 20:07

Re: moz-bindings bloque image

Message par Asumbaa »

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
marctxr
Salamandre
Messages : 43
Inscription : 01 avr. 2011, 23:03

Re: moz-bindings bloque image

Message par marctxr »

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
Sapientia facile videtur ab his qui diligunt eam.
Avatar de l’utilisateur
chriss..
Varan
Messages : 1181
Inscription : 13 nov. 2011, 23:15

Re: moz-bindings bloque image

Message par chriss.. »

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
--
Christian....
marctxr
Salamandre
Messages : 43
Inscription : 01 avr. 2011, 23:03

Re: moz-bindings bloque image

Message par marctxr »

Ç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
Sapientia facile videtur ab his qui diligunt eam.
Avatar de l’utilisateur
chriss..
Varan
Messages : 1181
Inscription : 13 nov. 2011, 23:15

Re: moz-bindings bloque image

Message par chriss.. »

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
--
Christian....
Asumbaa
Tyrannosaurus Rex
Messages : 2411
Inscription : 08 déc. 2004, 20:07

Re: moz-bindings bloque image

Message par Asumbaa »

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 :wink:
Votre Navigateur : Mozilla/5.0 (Windows NT 5.1; rv:21.0) Gecko/20100101 Firefox/21.0
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités