Skip Navigation

[Resolved] How do i feed several photos to iLightbox?

This support ticket is created 7 years, 2 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Kolkata (GMT+05:30)

This topic contains 2 replies, has 2 voices.

Last updated by eWeb 7 years, 2 months ago.

Assisted by: Minesh.

Author
Posts
#484300

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.

#484423

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

#484674

Thank you, i did found solution for this.
Kind regards.

This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.