Interesting, but unwanted effect. I have a colour swapper working on a product page. On page load it loads up two sliders (one for each sku actually) then hides all but the first one. That's fine.
If I use @pic.Url for the images, if I then click on on the colour swapper, the images appear to change seemlessly. If I use @pic.GetResponsiveCropUrl("myCrop"), when the swap is complete you just see empty image placeholders.
But it gets weirder....
If you then open Chrome or FF Console, the images suddenly appear. If you reload the page and do the same again with the console open, the second set aren't there on swap, but if you change the console window at all (i.e. it's docking or size) then the second set appear.
I'm guessing that I need to fire some sort of reflow in the dom when I do the swap over, but not sure how or if that's correct. The previous version of Slimsy didn't behave like this, hence the question being posed here and not SO.
Unhide responsive image fails
Umb 7.2.2/ Slimsy 0.4.1 (both loaded via NuGet)
Interesting, but unwanted effect. I have a colour swapper working on a product page. On page load it loads up two sliders (one for each sku actually) then hides all but the first one. That's fine.
If I use @pic.Url for the images, if I then click on on the colour swapper, the images appear to change seemlessly. If I use @pic.GetResponsiveCropUrl("myCrop"), when the swap is complete you just see empty image placeholders.
But it gets weirder....
If you then open Chrome or FF Console, the images suddenly appear. If you reload the page and do the same again with the console open, the second set aren't there on swap, but if you change the console window at all (i.e. it's docking or size) then the second set appear.
I'm guessing that I need to fire some sort of reflow in the dom when I do the swap over, but not sure how or if that's correct. The previous version of Slimsy didn't behave like this, hence the question being posed here and not SO.
Any thoughts?
Craig
Hi Craig,
You can call the checkResponsiveImages method, see the Slimmage documentation here for more info.
Jeavon
is working on a reply...