I am trying to: make photos scroll in my content template via iLightbox.
I visited this URL: hidden link
I expected to see: scrolling photos when opened in light box
Instead, I got: only photo i clicked is shown
Because of needed proportions and need of universal fit for photos added by client, i have made this in single item content template:
<div class="row fabric-bg">
<h1 class="text-center">[types field='baldo-tipas'][/types] [wpv-post-title]</h1>
<div class="container">
<div class="col-md-9">
<a href="[wpv-post-featured-image size='full' output='url']" rel="ilightbox">
<div class="panel-body square-box item-img" style="background: url('[wpv-post-featured-image size='full' output='url']');"></div></a>
</div>
<div class="col-md-3">
[wpv-conditional if="( $(wpcf-1-paveikslelis) ne '' )"]
<a href="[types field='1-paveikslelis' size='full' url='true'][/types]" rel="ilightbox">
<div class="panel-body square-box item-img" style="background: url('[types field='1-paveikslelis' size='full' url='true'][/types]');"></div></a>
[/wpv-conditional]
[wpv-conditional if="( $(wpcf-2-paveikslelis) ne '' )"]
<a href="[types field='2-paveikslelis' size='full' url='true'][/types]" rel="ilightbox">
<div class="panel-body square-box item-img mid-item" style="background: url('[types field='2-paveikslelis' size='full' url='true'][/types]');"></div></a>
[/wpv-conditional]
[wpv-conditional if="( $(wpcf-3-paveikslelis) ne '' )"]
<a href="[types field='3-paveikslelis' size='full' url='true'][/types]" rel="ilightbox">
<div class="panel-body square-box item-img" style="background: url('[types field='3-paveikslelis' size='full' url='true'][/types]');"></div></a>
[/wpv-conditional]
</div>
</div>
</div>
But it seems that iLightbox is not getting all images at once.
Maybe you could suggest me how i could do same thing in any other, more clean way?
Thank you.
Minesh
Supporter
Languages:
English (English )
Timezone:
Asia/Kolkata (GMT+05:30)
Hello. Thank you for contacting the Toolset support.
Well - I tried to find the jQuery example with prev-next button but I could not able to find it. It would be great if you can ask plugin author a simple jQuery example to integrate this lightbox with prev-next buttons.
I see here example "Auto cycling & Arrows" but I'm not sure what structure is used here and more or less this is custom thing and not directly related to Toolset.
=> hidden link
Thank you, i did found solution for this.
Kind regards.