Forums Développement Multimédia

Aller au contenu

probleme avec fancybox

CODE Ajax JQuery EaseJs

2 réponses à ce sujet

#1 pierreflash

    Ceinture Marron

  • Members
  • PipPipPipPipPipPip
  • 117 messages

Posté 25 March 2013 - 16:27 PM

bjr
bon voila j ai voulu réaliser une fancy box qui s'ouvre au passage souris dessus et qui se ferme quand souris en sort
j ai bien réussi mais malheureusement j ai un problème si je clic dessus quand fancy box ouverte et ben tout se gèle et ai plus accès lien de ma page
voir
http://websitecreati...5/26732691.html
et le code mis dans le post


<script type="text/javascript">// <![CDATA[
function appelfancybox()
{
$("a.paque").fancybox({
'autoScale' : true,
'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
'title' : 'joyeuses pâques mes lapinous',
'height' : 4000,
'padding': 2,
'overlayColor':'#fafdf0',
'overlayOpacity': 0.7,
'zoomSpeedIn': 300,
'zoomSpeedOut': 400,
});
$("a.paque").trigger("click");
$("#fancybox-outer").fancybox().mouseleave( function() {
$("#fancybox-overlay").click();
});
}
// ]]></script>
</p>
<p><a class="paque" href="
http://www.archive-h...48f5f025379.png
"
> <img style="display: block; margin-left: auto; margin-right: auto;" onmouseover="appelfancybox()" src="
http://www.archive-h...48f5f025379.png
"
alt="
pâques
"
height="
350
"
/> </a></p></p>
 

si quelqu un peut m aider à résoudre ce petit problème

#2 pierreflash

    Ceinture Marron

  • Members
  • PipPipPipPipPipPip
  • 117 messages

Posté 25 March 2013 - 21:40 PM

bon je fais ca maintenant mais toujours meme probleme

<script type="text/javascript">// <![CDATA[
function appelfancybox()
{
$("a.paque").fancybox({
}).hover($("a.paque").trigger("click"), $("#fancybox-outer").fancybox().mouseleave( function() { $("#fancybox-overlay").click() }))
}
// ]]></script>
<p><a class="paque" href="
http://www.archive-h...48f5f025379.png
"
> <img style="display: block; margin-left: auto; margin-right: auto;" onmouseover="appelfancybox()" src="
http://www.archive-h...48f5f025379.png
"
alt="
pâques
"
height="
350
"
/> </a></p>
 


#3 pierreflash

    Ceinture Marron

  • Members
  • PipPipPipPipPipPip
  • 117 messages

Posté 18 May 2013 - 12:20 PM

bon j ai resolu mon probleme:il faut mettre dans fancybox :'hideOnContentClick':true
le resultat



1 utilisateur(s) li(sen)t ce sujet

0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)