Question

I’ve just read this post: LINK, but it doesn’t do any help in fact…

I’m having a problem like the link above, but i’m using HTML instead of PHP.
And also, using the Flip! Plugin.

The first time i open my page, the prettyPhoto works, but when i make a flip, it doesn’t work anymore.

There are the code for calling the PrettyPhoto:

$(document).ready(function(){
 $("#box").prettyPhoto();
});

And there is my first link:

<div id="flipTwoQuali">
 <a id="box" href="http://www.youtube.com/watch?v=l34c7wBEdmI" rel="prettyPhoto" title="">
 <img src="img/nossasacoes/qualificacao/video.png" />
 </a>
</div>

And here is when i click the menu, the #flipTwoQuali div changes its contents to this (this is inside flipQuali.js, on the flipNE() function:

<div id="flipTwoQuali">
 <a id="box" href="http://www.youtube.com/watch?v=F8PFPXox9Rk" rel="prettyPhoto" title="">
 <img src="img/nossasacoes/qualificacao/ne/img02.png" />
 </a>
</div>

Just the video and the image changes, but the prettyPhoto don`t work anymore…. =/

I’ve it online, HERE. Click on INICIAR (the green arrow) and on the video (The image with the Play Button). Then try to flip, clicking on NOVA ESCOLA (on the gray menu), and clicking on the image on the same position that you clicked the video before, it won’t work anymore!!

Can someone help me please?

Answer 1

I`ve already fix it!

Thats too Simple!

the Flip! Plugin, has a callback called onend

then, i add to my script:

onEnd: function(){
        $('[rel*="prettyPhoto"]').prettyPhoto();
    }

It works!!