18041 sujets

Questions générales et questions de débutants

Gros soucis avec prettyphoto onmouseover qui ne fonctionne pas

bonjour a tous
je suis conforte a un soucis assez embêtant sous prettyphoto
je suis en train de vouloir créer un bouton avec la fonction onmouseover
Chose bizarre ,c est que avec un bouton crée, cela fonctionne
mais si j en crée un deuxième l effet onmouseover ne fonctionne plus sur aucun des deux boutons
si j en supprime un l effet est de nouveau ok
Merci pour l aide
voici le lien
http://les-perles.comze.com/les-perles/freddyphoto/test.html#prettyPhoto
et le code

<!DOCTYPE html>
<html>
<head>
<title>jQuery lightbox clone - prettyPhoto - by Stephane Caron</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>
<!--script src="js/jquery.lint.js" type="text/javascript" charset="utf-8"></script-->
<link rel="stylesheet" href="http://les-perles.comze.com/les-perles/freddyphoto/css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
<script src="http://les-perles.comze.com/les-perles/freddyphoto/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>

<!-- DEBUT DU SCRIPT -->
<script language="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/

/* PRECHARGEMENT DE L IMAGE DANS LE CACHE DU NAVIGATEUR */
if(document.images)
{
i438393 = new Image;
i438393 = "http://les-perles.comze.com/les-perles/image envois/bouton_command_out.png";
}
</script>
<!-- FIN DU SCRIPT -->
</head>
<body>
<div id="main">

<ul class="gallery clearfix">

<a href="http://les-perles.comze.com/les-perles/perlecommande240613NV.php?ie=UTF-8&amp;oe=UTF-8&amp;q=prettyphoto&amp;iframe=true&amp;width=100%&amp;height=100%" rel="prettyPhoto Smiley iframe " onmouseover="i438393.src='http://les-perles.comze.com/les-perles/image envois/bouton_command_out.png'" onmouseout="i438393.src='http://les-perles.comze.com/les-perles/image envois/bouton_command_in.png'"><img width="175" vspace="0" hspace="0" height="104/" border="0" src="http://les-perles.comze.com/les-perles/image envois/bouton_command_in.png" name="i438393" alt="attende"></a></ul>


<ul class="gallery clearfix">

<a href="http://les-perles.comze.com/les-perles/perlecommande240613NV.php?ie=UTF-8&amp;oe=UTF-8&amp;q=prettyphoto&amp;iframe=true&amp;width=100%&amp;height=100%" rel="prettyPhoto Smiley iframe " onmouseover="i438393.src='http://les-perles.comze.com/les-perles/image envois/bouton_command_out.png'" onmouseout="i438393.src='http://les-perles.comze.com/les-perles/image envois/bouton_command_in.png'"><img width="175" vspace="0" hspace="0" height="104/" border="0" src="http://les-perles.comze.com/les-perles/image envois/bouton_command_in.png" name="i438393" alt="attende"></a></ul>




<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("area[rel^='prettyPhoto']").prettyPhoto();

$(".gallery:first a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'normal',theme:'light_square',slideshow:3000, autoplay_slideshow: true});
$(".gallery:gt(0) a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'fast',slideshow:10000, hideflash: true});

$("#custom_content a[rel^='prettyPhoto']:first").prettyPhoto({
custom_markup: '<div id="map_canvas" style="width:260px; height:265px"></div>',
changepicturecallback: function(){ initialize(); }
});

$("#custom_content a[rel^='prettyPhoto']:last").prettyPhoto({
custom_markup: '<div id="bsap_1259344" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6"></div><div id="bsap_1237859" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6" style="height:260px"></div><div id="bsap_1251710" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6"></div>',
changepicturecallback: function(){ _bsap.exec(); }
});
});
</script>




</div>
</body>
</html>
Bonjour flexi,

Je pense que cela ne fonctionne pas car, dans ton javascript tu repère un bouton avec l'attribut "name" et comme tes deux boutons ont le meme ça peut pas marcher.

Je viens de faire le test : en changeant le nom de l'un des boutons, ça fonctionne.
Modifié par toukilbv (05 Jul 2013 - 09:16)
bonjour toukilbv
merci pour la reponse
en fait dans le script la valeur i438392 est utiliser dans le code pour onmouseout et apparemment ne peux servir que pour un seul bouton

        <!-- DEBUT DU SCRIPT -->
<script language="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
 http://www.editeurjavascript.com
 
*/

/* PRECHARGEMENT DE L IMAGE DANS LE CACHE DU NAVIGATEUR */
if(document.images)
{
i438392 = new Image;
i438392 = "http://les-perles.comze.com/les-perles/image envois/bouton_command_out.png";

}
</script>
<!-- FIN DU SCRIPT -->


donc apparement j ai fait des essais si j ajoute par exemple dans le script si plus haut

i4383922222 = new Image;
i4383922222 = "http://les-perles.comze.com/les-perles/image envois/bouton_command_out.png";

, je peux creer deux boutons et qui eux fonctionnent
****************************************************************************************************

Mais j ai trouve plus simple sur un site


voici le code avec l iframe qui s ouvre et le changement de couleur lors du passage de la souris

      <li>
      <a href="http://les-perles.comze.com/les-perles/image envois/bouton_command_in.png?iframe=true&amp;width=300&amp;height=200" rel="prettyPhoto[iframe]">
         <img id="myDiv" src='http://les-perles.comze.com/les-perles/image envois/bouton_command_out.png'
         onmouseover="this.src='http://les-perles.comze.com/les-perles/image envois/bouton_command_in.png';"
         onmouseout="this.src='http://les-perles.comze.com/les-perles/image envois/bouton_command_out.png';"/>
      </a>
      </li>
Sujet clos
Aller à