search

codrops / ThumbnailGridExpandingPreview

A tutorial on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Google Images.
360 stars 143 forks source link

Multiple grids on the same page? #5

Open dikei2000 opened 10 years ago

dikei2000 commented 10 years ago

I would like to use it with a tabulation, using the multiple grids on the same page, tried with '#og-grid, #og-grid-one, #og-grid-two', but only the first one seems to work correctly, all the other ones do not scroll back, is there a solution for that, please, would be great if it can be done. Thanks a lot.

supermensa commented 9 years ago

Try changing all the id's to classes in both .css and .js files, eg. "#og-grid" -> ".og_grid"

vasnakos commented 9 years ago

I have the same issue. I changed the ids to classes, updated the css and js but the second grid doesn't work properly. When the user opens an expander and navigates to another photo, the expander of the first remains.

Also, when the user tries to close an expander (on the second grid), the expander closes but the arrow under the thumb remains and the height for the expander remains too.