bonsoir, j'essaie de fermer une popup contenant uniquement une image avec l'effet explode.
mais hélas je n'y arrive pas, étant un programmeur débutant en jquery, je me tourne ver les spécialistes de ce site afin d'avoir un coup de main.
donc mon problème survient lors de ma fermeture de popup, le code jquery ci-dessous ne fait pas ce que j'attends de lui.
Code Javascript :
<script type="text/javascript" src="lib/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="lib/js/jquery-ui-1.8.6.custom.min.js"></script>
<script language="JavaScript">
/* code jquery pour effet explode a la fermeture de la popup */
$(popupImage.document.close()).click(function() {
$(popupImage.document.image).effect("explode", function() {
$(this).remove();
}););}
/* foncion en js créant une popup, contenant une image dont la source est passée en paramétre */
function afficheMaxi(chemin)
{
i1 = new Image();
i1.src = chemin;
html = '<HTML><HEAD><TITLE>Image createur </TITLE></HEAD><BODY LEFTMARGIN=0 MARGINWIDTH=0 TOPMARGIN=5 MARGINHEIGHT=0 body bgcolor="#4D5B88"><CENTER><IMG id="image" SRC="'+chemin+'" alt="'+chemin+'"BORDER=0 NAME=imageTest onLoad="window.resizeTo(document.imageTest.width+24,document.imageTest.height+40)"></CENTER></BODY></HTML>';
popupImage = window.open('','_blank','toolbar=0,location=0,directories=0,menuBar=0,scrollbars=0,resizable=0, width=500, height=375, left=250, top=125');
popupImage.document.open();
popupImage.document.write(html);
popupImage.document.close()
}
</script> Code HTML :
<div class="contenu">
<h1>L'équipe de développement</h1>
<br/><br/>
<span class="bleu"><a href="javascript:afficheMaxi('styles/images/createurs/nicolas.jpg');">Nicolas Dutertre </a></span><p> Concepteur du jeux </p>
<br/>
</div>
merci a toute personne qui lira mon message