I am having some trouble getting some popups to appear with lightbox_me.
The website says just use display: none; on the div you want to pop up, put the script in and voila, it should appear.
I have 3 links with ID of “head_thumb1”, “head_thumb2” and “head_thumb3” and the sections I want to pop-up have an ID of “popup1”, “popup2” and “popup3”.
My script is in my footer and is as follows:
[CODE]
<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js” type=”text/javascript” charset=”utf-8″></script>
<script src=”<?php bloginfo(‘template_url’); ?>/js/jquery.lightbox_me.js” type=”text/javascript” charset=”utf-8″></script>
<script type=”text/javascript” charset=”utf-8″>
$(document).ready(function() {
function launch() {
$(‘#popup1’).lightbox_me({centered: true, onLoad: function() { $(‘#popup1’).find(‘input:first’).focus()}});
$(‘#popup2’).lightbox_me({centered: true, onLoad: function() { $(‘#popup2’).find(‘input:first’).focus()}});
$(‘#popup3’).lightbox_me({centered: true, onLoad: function() { $(‘#popup3’).find(‘input:first’).focus()}});
}
$(‘#head_thumb1’).click(function(e) {
$(“#popup1”).lightbox_me({centered: true, onLoad: function() {
$(“#popup1”).find(“input:first”).focus();
}});
e.preventDefault();
});
$(‘#head_thumb2’).click(function(e) {
$(“#popup2”).lightbox_me({centered: true, onLoad: function() {
$(“#popup2”).find(“input:first”).focus();
}});
e.preventDefault();
});
$(‘#head_thumb3’).click(function(e) {
$(“#popup3”).lightbox_me({centered: true, onLoad: function() {
$(“#popup3”).find(“input:first”).focus();
}});
e.preventDefault();
});
$(‘table tr:nth-child(even)’).addClass(‘stripe’);
});
</script>
For some reason, when links are clicked, nothing happens, any ideas?