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
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
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 ?
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 ?
"Try switching from the Fruitful theme to the Elemental theme and see if it works."
Did you try doing this?
Did you try doing this?
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.
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.
HI MrKDiKington,
I tried switching themes, but it does not work. Have you seen my previous reply ?
Looking forward to hear from you.
I tried switching themes, but it does not work. Have you seen my previous reply ?
Looking forward to hear from you.
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.
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.
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.
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.
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.