Responsive Image (Picturefill.js) with LighBox is not working

Permalink
Hi,
This is URL of my page :
http://www.codersvolt.com/concrete/index.php/sample-page...

Here I have added two images using content block. In first Image, I have added lighbox to show image in lighbox, While second images is as it is.

I have added picturefill.js to my theme for responsive images.
But This library does not work on first image, where I have added lightbox. While Its working on second image, where I haven't added lightbox.

How can I make picturefill library to support Lighbox of concrete5 ?
Or Is there anyway to do it ?
Thanks

srjahir32
View Replies:
MrKDilkington replied on at Permalink Reply
MrKDilkington
Hi srjahir32,

I just tried this on 5.7.4.2 using the Elemental theme and it works properly.

Try switching from the Fruitful theme to the Elemental theme and see if it works.

One thing I did notice about the Fruitful theme is that it does not provide or require picturefill.js and it does not use the getThemeResponsiveImageMap() method to map screen widths to thumbnails. This could be the cause.
srjahir32 replied on at Permalink Reply
srjahir32
Thanks for the reply.
I added getThemeResponsiveImageMap() in page_theme.php and added picturefill.js to fruitfull theme. Still it won't work with lightbox ?

Actually For normal images, its working. But when i open them in lightbox, it doesn't.

How can I make fruitfull to support getThemeResponsiveImageMap() method ?
MrKDilkington replied on at Permalink Reply
MrKDilkington
"Try switching from the Fruitful theme to the Elemental theme and see if it works."

Did you try doing this?
srjahir32 replied on at Permalink Reply 2 Attachments
srjahir32
I have switched Elemental theme and its behaviour is same as fruitfull theme.
Images with lightbox are shown in <img> tag , while
Images without Lighbox are shown in <picture> tag.

I have attached screenshot.
Please take a look.
srjahir32 replied on at Permalink Reply
srjahir32
HI MrKDiKington,
I tried switching themes, but it does not work. Have you seen my previous reply ?

Looking forward to hear from you.
MrKDilkington replied on at Permalink Reply
MrKDilkington
I have tried several times and cannot reproduce the problem you are having.

I would try creating another concrete5 5.7.4.2 install to test with. Make sure to use the default theme, don't make any modifications to it, and don't add any custom code. See if you have the same problem with this fresh install.
srjahir32 replied on at Permalink Reply
srjahir32
Yes, It worked with Elemental theme.

picturefill.js also worked with FRUITFULL theme, As I added getThemeResponsiveImageMap() to it. But When I use Lightbox with fruitfull theme, It does not work. With only image, it works.