Question

I’m working on an “about the team” page for a website. I’d like to put the pictures of the 8 team members on the page, and when the user clicks on a picture, a profile should appear in a modal popup.

I’m aware of jQuery modal popups, but the main problem is that I need 8 different popups (one for each team member). How would I do this – is there a plugin available?

Answer 1

You can use jQuery UI Dialog:
HTML:

<div id="profile-dialog" title="Member's profile"></div>

JS:

$('#profile-dialog').html('Content for specific member');
$('#profile-dialog').dialog({
    modal: true,
    width: 400,
    buttons: {
        'close': function() {
            $('#profile-dialog').dialog("close");
        }
    }
});