lightbox navigation not working

[mhelm]

Hi there,
I'm currently updating a J2.5/F3.0 site to J3.2/F3.1
I got most things to work correctly, but I'm a bit in trouble with the lightbox.
Since I have several images in a record I want to navigate between those in the lightbox (PREV/NEXT) buttons as seen here: http://www.spurenjagd.de/spuren/details/5/215 (Just click on the first image labeled "Vorderfu?foto"). When moving the mouspointer to the left or right edge of the picture, the navigation-buttons appear.
The same record in J3.2/F3.1 can be seen here: http://www.spurenjagd32.faehrtenkunde.de/spuren/details/5/215 ==> no navigation-buttons in lightbox.
Any ideas how to get them back?
thanks!

 

[rob]

hi - you will need to update from github as I have had to add in an option for this (as other people previously didn't want this behavior)
The commit is https://github.com/Fabrik/fabrik/commit/1710c7f2ed07f26e8f53cac71ea43a267f171818
Once you have updated you should edit your file upload elements and for each of them select:

display->Restrict lightbox nav = no

That should allow the lightbox nav to be shown and for you to scroll between images.

 

[mhelm]

Hi rob,
thanks a lot - works like a charm. IMHO can this be included in the joomla3 - branch.
mhelm

 

[rbuelund]

This does not work again !!?? Updated from github 5 days ago - J! 3.8.1 - Got 10 fileupload elements - all set to display->Restrict lightbox nav = no

 

[rbuelund]

Any help here ??

 

[cheesegrits]

Which lightbox are you using (set in Fabrik global options, under Javascript tab).

-- hugh

 

[cheesegrits]

I just tested with "Mediabox" (I'm not doing any more work on the "slimbox" option and will be removing that soon, as it's been 7 years since anyone touched that library) with a form with 4 uploads (a mix of normal and multiple AJAX) and the lightbox nav works fine in both list and details view.

-- hugh

 

[rbuelund]

I actually was using the Slimbox - but changing to Mediabox does not change anything ??

 

[cheesegrits]

I'll need to see your site, as I can't replicate the problem here.

Is it one of your two My Sites?

-- hugh

 

[rbuelund]

No none of theese - where can I change My Sites ???

 

[rbuelund]

Ahh - I found the My Sites. It is the site that is on there now. Will you take a look at it ?

 

[cheesegrits]

OK, those aren't Fabrik lightbox links:

<!-- START: Modals -->
<a class="modal modal_link cboxElement" href="/images/used_mc/N64A1324.jpg" data-modal-class-name="is_image" data-modal-image="true" data-modal-title="N64A1324" data-modal-done="1">
<!-- END: Modals -->
    <img src="/images/used_mc/thumbs/thumb_N64A1324.jpg">
</a>

If I turn your Regular Labs Modals system plugin off, they look like this:

<a class="modal" href="/images/used_mc/N64A1324.jpg">
   <img src="/images/used_mc/thumbs/thumb_N64A1324.jpg">
</a>

... which have the 'modal' class your Modals plugin is set to use. But Fabrik lightbox links look like this:

<div class="fabrikGalleryImage" style="width:200px;height:100px; vertical-align: middle;text-align: center;">
   <a href="http://localhost/joomla/media/uploads/multi_ajax/unnamed.jpg" rel="lightbox[]" title="unnamed.jpg">
      <img class="fabrikLightBoxImage" height="100px" src="http://localhost/joomla//media/uploads/multi_ajax/thumbs/unnamed.jpg" alt="unnamed.jpg">
   </a>
</div>

So you must be rendering those modal links yourself, either in a custom template, or a layout override.

-- hugh

 

[rbuelund]

Ahh sorry - got it! But now I havve another problem. The last image shown in the popup in every gallery is the whole webpage ?? How come ??

 

[cheesegrits]

Look at the page source. You have a bunch of empty links:

<div style="float:left;padding-right:10px;padding-bottom:5px;">
<div class="fabrikGalleryImage" vertical-align: middle;text-align: center;float:left">
<a rel="lightbox[]" title="unnamed.jpg" href="/">
</a>
</div>
</div>

Again, I suspect a custom template issue.

 

[rbuelund]

Ahh thank you - now it works perfectly !

 

[cheesegrits]

You're welcome.

-- hugh