Responsive Image (Picturefill.js) with LighBox is not working
This is URL of my 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 ?
I just tried this on 220.127.116.11 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.
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 ?
Did you try doing this?
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.
I tried switching themes, but it does not work. Have you seen my previous reply ?
Looking forward to hear from you.
I would try creating another concrete5 18.104.22.168 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.
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.