hello.
i have installed the "Lightbox Plus ColorBox" and i want to show each staff member in a lightbox.
on my page i have <?php echo do_shortcode('[simple-staff-list]'); ?>
to show a list of staff members.
then in the staff members templates page i have added <a href="#" class="lightbox [staff-name]"></a> which will say if the member is clicked to open them in a light box. (which works fine).
then a have added the lightbox window in the same area.
which all seems to work except for 1 thing. No matter which member of staff i click on, it always shows the last member of staff in the list in the lightbox and not the on i have clicked on ?
this is the code in my template:
[staff_loop]
<div id="staffBlock">
<a href="#" class="lightbox [staff-name]">
<img class="userImg" src="[staff-photo-url]" alt="[staff-name] : [staff-title]">
<div class="userBasic">
[staff-name-formatted]
[staff-position-formatted]
[staff-email-link]
<h4> [staff-phone]</h4>
[staff-bio-formatted]
</div>
</a>
</div>
<div class="videoLbox [staff-name]"><div class="close">x</div>
<div id="staffBlock">
<img class="userImg" src="[staff-photo-url]" alt="[staff-name] : [staff-title]">
<div class="userBasic">
[staff-name-formatted]
[staff-position-formatted]
[staff-email-link]
<h4> [staff-phone]</h4>
[staff-bio-formatted]
</div>
</div>
</div>
[/staff_loop]