To insert code use <code>...</code>.
Images with "zoom" icon using gallery function?
  • Vote Up0Vote Down dv100dv100
    I've successfully managed to add a gallery of roughly 15 photos using the built in gallery function.

    [gallery link="file"]


    I've seen on the Striking demo site that when placing an image in a post or page you can use:

    [image icon="zoom"] your image src [/image]

    to add the little magnifying glass icon during hover state.

    Is it possible to have this icon show up over each image in my gallery if I've used the gallery function instead of inserting the images manually?

    Hope this is a simple enough question for the regulars to answer. Thanks in advance for any help you can offer me.

    Cheers,
    Daniel
  • 1 Comment sorted by
  • Vote Up0Vote Down BackuPsBackuPs
    Hi,

    If you know how to code you can open the php file of the plugin and where the images are inserted in the page add this class to it

    image_frame effect-icon

    goto the source of page and see how striking does it.


    <span class="image_frame effect-icon" style="width:292px;height:190px"><a class="image_size_medium image_no_link image_icon_zoom" title="" href="#"><img width="292" height="190" alt="" src="linktotheimage.com/aussiegall_621370589.jpg" /></a></span>


    However it will require custom coding because of the width and height.

    Best regards,
    Striking Team
    Paul
Add a Comment