So I have got the point of changing the jquery instagram plugin to publish the photos into a UL list instead of divs. That was fairly straight forward.
In their plugin they take that UL list of images, strip the image from the li and add it as an image background to the a:link that is created. Again this works fine if there is a list of static images... but not when that list is generated by the instagram plugin.
But why? - it is still a list with an image and a src that can be stripped by the responsive image plugin and added to the a:link as a background-image...
My query is this:
How would you guys/gals merge these two plugins so you get al the functions/animations of the responsive grid with a list of images that are being automatically generated by the instagram plugin?
Hello,
So I have got the point of changing the jquery instagram plugin to publish the photos into a UL list instead of divs. That was fairly straight forward.
Next I installed the "Animated Responsive Image Grid" from this source: http://tympanus.net/codrops/2012/08/02/animated-responsive-image-grid/
In their plugin they take that UL list of images, strip the image from the li and add it as an image background to the a:link that is created. Again this works fine if there is a list of static images... but not when that list is generated by the instagram plugin.
But why? - it is still a list with an image and a src that can be stripped by the responsive image plugin and added to the a:link as a background-image...
My query is this:
How would you guys/gals merge these two plugins so you get al the functions/animations of the responsive grid with a list of images that are being automatically generated by the instagram plugin?