Div above the Thumbnail

  • Resolved Javier Ferraz

    (@javierferraz)


    12 years, 1 month ago

    Hi!

    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!

    https://www.ads-software.com/extend/plugins/sm-gallery/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Seth Carstens

    (@sethcarstens)

    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.

    Thread Starter Javier Ferraz

    (@javierferraz)

    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: https://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,

    Plugin Author Seth Carstens

    (@sethcarstens)

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

    Plugin Author Seth Carstens

    (@sethcarstens)

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

    https://www.w3schools.com/js/js_whereto.asp

    Thread Starter Javier Ferraz

    (@javierferraz)

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Div above the Thumbnail’ is closed to new replies.