Как правильно прикрутить lightbox (prettybox, fancybox) к атрибуту img?

Question

[Борис Белов]

Здравствуйте.

Вот сайт

Вот код:

<script src="http://fancyapps.com/fancybox/source/jquery.fancybox.js" type="text/javascript"></script>
<script src="http://fancyapps.com/fancybox/source/jquery.fancybox.css" type="text/javascript"></script>
<script type="text/javascript">
$(".fancybox")
    .attr('rel', 'gallery')
    .fancybox({
        openEffect  : 'none',
        closeEffect : 'none',
        nextEffect  : 'none',
        prevEffect  : 'none',
        padding     : 0,
        margin      : [20, 60, 20, 60] // Increase left/right margin
    });</script>
<style>.fancybox-type-iframe .fancybox-nav { width: 60px; }
.fancybox-type-iframe .fancybox-nav span { visibility: visible; opacity: 0.5;}
.fancybox-type-iframe .fancybox-nav:hover span {    opacity: 1;}
.fancybox-type-iframe .fancybox-next { right: -60px;}
.fancybox-type-iframe .fancybox-prev {left: -60px;}
</style>
	<div class="sigProGalleriaPlaceholderContainer">
							<div class="sigProGalleriaPlaceholder" style="opacity: 1;">
								<?php if(isset($gallery_img[0])){
									$seg = explode('/',$gallery_img[0]);
									$index = count($seg)-1;
									$img_name = $seg[$index];
								?>
							<b>	<img title="proverka" rel="gallery" class="sigProGalleriaTargetImg fancybox" src="<?php echo $gallery_img[0];?>" /></b>
									
								<p class="sigProGalleriaTargetTitle"></p>
								<?php }?>
							</div>
						</div>

Но он не срабатывает. Почему, и в чем дело? Помогите правильно прикрутить lightbox.

Вообще дело по сути легкое, но не понимаю почему не работает.

Обязательно надо чтобы работало именно через img src="" , через a href="" не подходит.

Answer 1

[Pshkll]

Очевидно, что без тега "a href=" вам не обойтись.

Comments

[Борис Белов]

проблема в том, что мне надо именно через img src , такое возможно?

[Pshkll]

Стандартный функционал плагина не позволяет это сделать.