SM Gallery
[resolved] Div above the Thumbnail (6 posts)

  1. Javier Ferraz
    Posted 3 years ago #


    First of all, congratulation for the plugin. Its pretty easy to use, and impressive in the execution!

    I have a problem maybe not related with the plugin: I would like to include above the thumbnail a div with some transparency and the name of the image, but unfortunately doing that the link to the modal window does not work. Obviously, there a div ABOVE the image, so the link is unreachable..

    I would like to put the link to open the modal to the new div, but I dont know how its prepared. Js? CSS class? How can I open the modal window from the transparency boxes here?

    Thanks in advance, regards!


  2. Seth Carstens
    Plugin Author

    Posted 3 years ago #

    First, its very difficult to understand what your trying to do from this description. A mock up or sample of what you were trying to do would be best for feature requests.

    Second, we pulled this gallery from a JavaScript library so it wasn't really designed to be used any other way. If you find another library however, we can add a second shortcode so that it builds the gallery for that format.

  3. Javier Ferraz
    Posted 3 years ago #

    Thanks for your quick reply. The gallery is build in a great shape, no problem with that! ;)

    I can make my question again including a sample -> the sample could be find here: http://desarrollo.digital2.es/clientes/Ergo2/?page_id=417

    Im using the plugin for showing full gallerys of images associated to each project, but I would like the modal would launch not only by clicking in the image, but also clicking in the grey area with the name of the project which is above.

    My question is: how can I make the modal launch by click in the div that is above the image?

    Thanks in advance again, kind regards,

  4. Seth Carstens
    Plugin Author

    Posted 3 years ago #

    jQuery('.proyectosin h2').click(function(e){jQuery(this).prev().prev().trigger('click');});

  5. Seth Carstens
    Plugin Author

    Posted 3 years ago #

    add the above code to your page. You can do this using script tags or place it in a javascript file and include it.


  6. Javier Ferraz
    Posted 3 years ago #

    Great!! It works perfectly! Thank you very much!

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • SM Gallery
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic