Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 2, 2015 at 8:07 am #528277
    itchybrain

    Hi there Enfold support and users,

    I have a website using the masonry gallery on many pages.
    One of the pages has a small gallery of 4 images.
    The first 2 images (shelley beach, middle beach) mistakenly do not open in lightbox, though images 3 and 4 do (as intended).
    Here is the page: http://www.atlasoflife.org.au/2015-photography-competition/2015-photocomp-gallery/atlanats-at-work/

    I thought the URL fields in the media library may be the issue, but it seems OK.
    The modal link is checked on in the theme options.
    All of the other 7 or so galleries work properly.

    Any ideas?

    I will also add private content login details.

    Thanks for any help you can provide, much appreciated.

    cheers

    Darryl

    November 2, 2015 at 4:57 pm #528625
    Elliott

    Hi itchybrain!

    Around line 896 in the /enfold/js/avia.js file you should see this.

    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"]',

    Try changing it to this.

    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*=".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"]',

    Or you can delete those images from your media library and upload them again but make sure you rename the extention to “jpg” instead of “JPG”.

    Regards,
    Elliott

    November 3, 2015 at 12:36 am #528897
    itchybrain

    Thank you Elliot. I did notice the change of case, but didn’t realise it would affect things. This particular website allows the images to be uploaded by the public, so we don’t have control over the extension case, which means your js file change is the only way to go. Thanks Elliot, much appreciated.

    November 3, 2015 at 12:51 am #528902
    itchybrain

    Hi Elliot, upon investigation many of our public are uploading files with the .JPG extension.

    Enfold is resizing the images and renaming with a lowercase extension, which is great.

    Any images that are small when uploaded (eg. the two uploaded were 900px wide and smaller) Enfold has no need to resize them, and so the .JPG is kept, creating a problem.

    Do you know the cut-off point in pixel dimensions for when Enfold starts to resize images?

    cheers
    Darryl

    November 3, 2015 at 5:19 pm #529484
    Elliott

    Hey!

    I’m not sure but it depends on how WordPress creates thumbnails. You can see the image sizes for thumbnails we use around line 100 in the /enfold/functions.php file.

    Perhaps in that specific case it was not using thumbnails and instead was using the fullsize original image.

    Regards,
    Elliott

    • This reply was modified 9 years ago by Elliott.
  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.