multiple jquery nyromodal popups

[coderhut]

Hi, I have a question relating nyromodal jquery plugin. I want to show 3 nyromodal popups but only one at a time. Please see this code http://pastie.org/7702429 . Currently they all appears together. How can I do this one by one?

 

[bleured27]

<a href="showBadges1.php" class="nyroModal" style="display:none"></a>
<a href="showBadges2.php" class="nyroModal" style="display:none"></a>
<a href="showBadges3.php" class="nyroModal" style="display:none"></a>


<script>
$(document).ready(function() {

//how can I run associate above links to nyromodal one by one. That is next popup appears only if previous get disappeared.
        $('a.nyroModal').each(function(){
                $(this).nyroModal({ minWidth:500,minHeight:580, modal:true});
                $(this).trigger('click');
        });

)}
</script>

you should create a diffrend function for popup and change the class of each picture, becose it all have the same class the script activate all pictures to popup

Edited April 24, 2013 by bleured27