Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • June 26, 2018 at 4:49 pm #978012
    James Bowtine

    Hi all,
    is it possible to have an SVG file ‘zoom’ as/per a regular image in the Enfold Mason Gallery?

    June 27, 2018 at 4:15 pm #978471
    James Bowtine

    Anyone?

    June 27, 2018 at 11:42 pm #978614
    Basilis

    Hi,

    Have you tried to upload an image?

    Best regards,
    Basilis

    June 28, 2018 at 10:42 am #978824
    James Bowtine

    Hi,
    images work fine – but SVG’s don’t zoom.

    Example of working images here: https://highgrounddesign.co.uk/hd/brochure-design-portfolio/

    Example of non-working SVG’s here: https://highgrounddesign.co.uk/hd/logo-design-portfolio/

    I just wondered if the SVG’s could be zoomed?

    July 2, 2018 at 8:12 am #979980
    Ismael

    Hi,

    Thanks for the update.

    Did you remove the svg images? I can’t find them in the page.

    Best regards,
    Ismael

    July 2, 2018 at 12:48 pm #980066
    James Bowtine

    Hi, yes I did – I gave up in the end.

    July 3, 2018 at 5:30 am #980385
    Ismael

    Hi,

    I see. Would you mind creating a test page so that we can inspect the issue?

    Best regards,
    Ismael

    July 3, 2018 at 10:53 am #980486
    James Bowtine

    Sure, I’ve created this page, the picture on the left zooms, the picture on the right (the SVG) doesn’t :

    Kriesi SVG Test

    July 4, 2018 at 2:25 am #980844
    Ismael

    Hi,

    The svg image zooms in on hover just like the regular image on the left. Where are you testing this? I’m on Chrome Windows 8.

    Best regards,
    Ismael

    July 4, 2018 at 12:56 pm #981144
    James Bowtine

    Hi, zoom as in when clicked.

    If you click the picture file that presents a zoomed picture (modal box picture zoom in essence), the SVG loads the file and seems to ignore the conditions?

    July 5, 2018 at 11:54 am #981538
    Ismael

    Hi,

    I see. The MagnificPopup script doesn’t support svg files, unfortunately.

    // https://github.com/dimsemenov/Magnific-Popup/issues/670

    You can try and modify the js > avia-snippet-lightbox.js file. Look for this code around line 131:

    autolinkElements:   'a.lightbox, a[rel^="prettyPhoto"], a[rel^="lightbox"], a[href$=jpg], a[href$=png], a[href$=gif], a[href$=jpeg], a[href*=".jpg?"], a[href*=".png?"], a[href*=".gif?"], a[href*=".jpeg?"], a[href$=".mov"] , a[href$=".swf"] , a:regex(href, .vimeo\.com/[0-9]) , a[href*="youtube.com/watch"] , a[href*="screenr.com"], a[href*="iframe=true"]',

    Add an svg support. I’m not sure if it’s going to work though because the parent script doesn’t seem to accept svg by default.

    autolinkElements:   'a.lightbox, a[rel^="prettyPhoto"], a[rel^="lightbox"], a[href$=svg], a[href$=jpg], a[href$=png], a[href$=gif], a[href$=jpeg], a[href*=".jpg?"], a[href*=".png?"], a[href*=".gif?"], a[href*=".jpeg?"], a[href$=".mov"] , a[href$=".swf"] , a:regex(href, .vimeo\.com/[0-9]) , a[href*="youtube.com/watch"] , a[href*="screenr.com"], a[href*="iframe=true"]',

    Best regards,
    Ismael

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.