Not working with Carousel?

  • Resolved Cliff

    (@ckct)


    10 years, 1 month ago

    Hi,

    I am trying to use this to work with the carousel. What I have in the carousel is thumbnails (images) and they are link to PDFs. I use WP Gallery Custom Links to link them to PDFs.

    I like to use Fancy Box to display PDFs in the box. The problem is that it is not working with the carousel.

    I look at the code and this it says…

    <a rel="attachment">class="thumbnail no-lightbox fancybox-pdf" href="https://localhost:9347/wp-content/uploads/2015/01/Mission-Bound-SINGAPORE-magazine_2011.pdf" title="Mission Bound (Singapore Magazine - 2011)" target="_self">
<img width="157" height="153" src="https://localhost:9347/wp-content/uploads/2014/04/Mission-Bound-SINGAPORE-magazine_2011-thumbnail.jpg" class="attachment-bootstrap-medium-x" alt="Mission Bound (Singapore Magazine - 2011)"></a>

    When I try this with a separate link (linking directly to the PDF), it works and this is the code:

    <a href="https://localhost:9347/wp-content/uploads/2015/01/Mission-Bound-SINGAPORE-magazine_2011.pdf">
Mission Bound (Singapore Magazine – 2011)
</a>

    Is it because in the Carousel it has the class no-lightbox that’s causing the problem? If not, can someone see any issues and help me out?

    Thanks,
    Cliff

    https://www.ads-software.com/plugins/easy-fancybox/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Cliff

    (@ckct)

    I workaround the problem by not using the Carousel and manually inserted the images into the page.

    Hi Cliff,

    The no-lightbox class should not have any negative effect on fancybox and the fancybox-pdf should make Fancybox bind to these links even if autodetection is disabled.

    I suppose (because of that localhost in the URLs) you cannot share a link to an example where this is going wrong? Or can you recreate the issue on a public test page maybe? I’d need to see it live to find blocking errors… Does your browser console report any script errors?

    <a rel="attachment">class="thumbnail no-lightbox fancybox-pdf"

    I notice a > in that code snippet that should not be there. I suppose that’s just a typ-o in your sample, and it’s not there in the page source?

    I workaround the problem by not using the Carousel and manually inserted the images into the page.

    Carousel is the Jetpack lightbox. Better not use two different lightboxes on the same site. You can still activate Tiled Galleries ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Not working with Carousel?’ is closed to new replies.

Tags