• Hello Fabrik Community

    Fabrik is now in the hands of the development team that brought you Fabrik for Joomla 4. We have recently transitioned the Fabrik site over to a new server and are busy trying to clean it up. We have upgraded the site to Joomla 4 and are running the latest version of Fabrik 4. We have also upgraded the Xenforo forum software to the latest version. Many of the widgets you might have been used to on the forum are no longer operational, many abandoned by the developers. We hope to bring back some of the important ones as we have time.

    Exciting times to be sure.

    The Fabrik 4.0 Official release is now available. In addition, the Fabrik codebase is now available in a public repository. See the notices about these in the announcements section

    We wish to shout out a very big Thank You to all of you who have made donations. They have really helped. But we can always use more...wink..wink..

    Also a big Thank You to those of you who have been assisting others in the forum. This takes a very big burden off of us as we work on bugs, the website and the future of Fabrik.

lightbox navigation not working

mhelm

Member
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!
 
Hi rob,
thanks a lot - works like a charm. IMHO can this be included in the joomla3 - branch.
mhelm
 
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
 
Which lightbox are you using (set in Fabrik global options, under Javascript tab).

-- hugh
 
Last edited:
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
 
Ahh - I found the My Sites. It is the site that is on there now. Will you take a look at it ?
 
Last edited:
OK, those aren't Fabrik lightbox links:

Code:
<!-- 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:

Code:
<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:

Code:
<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
 
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 ??
 
Look at the page source. You have a bunch of empty links:

Code:
<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.
 
We are in need of some funding.
More details.

Thank you.

Members online

No members online now.
Back
Top