Может ли кто-нибудь помочь мне показать всплывающее окно лайтбокса для ссылок, таких как ниже,
Когда кто-то щелкнет ниже ссылок, он должен показать в лайтбоксе jquery вместо открытого в целевом пустом или перенаправлении в том же браузере.
Я думаю, что это сработает
<script type="text/javascript">
$(document).ready(function() {
$("a", ".rest-menuitem").click(
function(event) {
event.preventDefault();
var elementURL = $(this).attr("href");
$.colorbox({iframe: true, href: elementURL, innerWidth: 645, innerHeight: 509});
});
});
</script>
Установите innerWidth и innerHeight в соответствии с вашим контентом.
если вы используете плагин fancybox, это будет работать.
<a id="manual1" data-image="/example-full.jpg,/example-full-2.jpg'><img src="/example-thumb.png" alt="example" /></a>
<script type="text/javascript">
$('#manual1').click(function() {
var data = $(this).data('images').split(','),
options = {
padding : 38,
nextEffect : 'fade',
prevEffect : 'fade',
type: 'image'
};
$.fancybox.open(data , options );
})
</script>
Скрипка: http://jsfiddle.net/voigtan/jJpAM/2/