Fancybox with inline content displays title of wrapped image

  • Resolved actronab

    (@actronab)


    6 years, 9 months ago

    Hello!

    I’m using the following code to provide an image that can be clicked, in order to open a popup window with inline content:

    <span title="Lorem Ipsum"><a class="fancybox-inline" href="#info"><img id="gamma" class="alignleft" src="https://example.com/image.jpg" alt="Foobar" /></a></span>

    This used to work fine in the past, however one of the plugin updates must have broken this mechanism. Now the fancybox displays the image’s alt tag as its caption. The caption is centered on the bottom of the popup window. I don’t want this caption to show there.

    Why does the fancybox use the “alt” tag of the image, though it is a nested element and I did not define the “alt” tag on the “a” element?

    However, for normal images that open in a fancybox, I still want the “alt” tag to be used as a caption.

    Can anybody help me with this? It used to work properly in the past.

    Regards,
    Acton

    • This topic was modified 6 years, 9 months ago by actronab.
Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi, I don’t see how that wrapping span title could have ever worked before (this has never been a feature of fancybox, so it must have come from something else) but this should work:

    
<a title="Lorem Ipsum" class="fancybox-inline" href="#info"><img id="gamma" class="alignleft" src="https://example.com/image.jpg" alt="Foobar" /></a>
    Thread Starter actronab

    (@actronab)

    Unfortunately, this does not solve the problem. ??

    Here is the content of my popup dialog as well:

    
<a title="Lorem Ipsum" class="fancybox-inline" href="#info"><img id="gamma" class="alignleft" src="https://example.com/image.jpg" alt="Foobar" /></a>

// ...

<div style="display: none;">
  <div id="info" class="popup">
    <h3>Lorem Ipsum</h3>

    <p>Dolor est.</p>

    <img id="info-px" class="aligncenter" src="https://example.com/image_big.jpg" alt="Big image" title="This is a big image." />
  </div>
</div>

    This will open a popup, but the popup window has a caption at the bottom that I don’t want to be there and that, in the past, used not to be there.

    • This reply was modified 6 years, 8 months ago by actronab.
    • This reply was modified 6 years, 8 months ago by actronab.
    • This reply was modified 6 years, 8 months ago by actronab.
    • This reply was modified 6 years, 8 months ago by actronab.
    • This reply was modified 6 years, 8 months ago by actronab.
    • This reply was modified 6 years, 8 months ago by actronab.

    Owww… now I understand what you are saying. I did not read careful enough before, sorry. It looks indeed like an undesired result of a recent change.

    Does it show “Lorem Ipse” or “Foobar” as title below the light box?

    Never mind, I have reproduced the issue and will be working on a fix ??

    New release 1.8.5 should disable titles on inline content light boxes, allowing you all freedom to set alt and title attributes without affecting the light box.

    Hope it’s what you where looking for ??

    Thread Starter actronab

    (@actronab)

    After installing the latest update, the plug-in works as expected again.

    Thank you very much for the great plug-in and your good support!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Fancybox with inline content displays title of wrapped image’ is closed to new replies.