Wykorzystywane są 2 projekty
[login to view URL]
[login to view URL]
Przykładowy link do zdjęcia w galerii.
<li><a title="Przedłużki rolkowe" href="/img/p_rolkowe/_big/1_przedluzki_rolkowe.jpg" rel="fancy2"><img src="/img/p_rolkowe/_small/1_przedluzki_rolkowe.jpg" ref="/img/p_rolkowe/_big/1_przedluzki_rolkowe.jpg" alt="Przedłużki rolkowe" /></a><span>Przedłużki rolkowe</span></li>
Skrypt obsługujący połączenie galerii pikachoose z fancybox. Kod jest umieszczony w sekcji <head>
<script language="javascript">
{literal}
$(document).ready(function (){
var a = function(self){
var fancy = function(){
var play=[login to view URL];
$('body').find('[login to view URL],[login to view URL]').remove();
[login to view URL]('li:first').prevAll().each(function(){
var href=$(this).find('img').data('clickThrough');
$('body').prepend($('<a>').attr({'href':href,'class':'previmages','rel':'gallery'}).css('display','none'));
});
[login to view URL]('li:first').nextAll().each(function(){
var href=$(this).find('img').data('clickThrough');
$('body').append($('<a>').attr({'href':href,'class':'nextimages','rel':'gallery'}).css('display','none'));
});
[login to view URL]('rel','gallery');
$('a[rel=gallery]').fancybox({
onStart:function(){if(play){[login to view URL]('click');}}
});
}
[login to view URL]('click',fancy);
fancy();
};
$("#pikame").PikaChoose({buildFinished:a});
$("#pikame").jcarousel({scroll:2,
initCallback: function(carousel)
{
$([login to view URL]).find('img').click(function() {
//[login to view URL]($(this).parents('.jcarousel-item').attr('jcarouselindex'));
[login to view URL](parseInt($(this).parents('.jcarousel-item').attr('jcarouselindex')));
});
}
});
});
{/literal}
</script>
Skrypt pozwala na wyświetlenia zdjęcia w fancyboxie oraz przeglądanie wszystkich z danej galerii, ale nie działa wyświetlania opisu zdjęcia <title> na dole zdjęcia oprócz tego z którego weszło się do fancyboxa.
I właśnie to chcemy dorobić.