Image Stack Grid with Roll Over Text

Classic Stacks
1

I love the roll over grid found here with text and changes the entire image. Is there any stack than anyone knows of that does this?

https://photolemur.com/?utm_source=appyfridays&utm_medium=email&utm_campaign=appyfridays_announcement&emlid=168&utm_source=Macphun_Friends&utm_medium=email&utm_campaign=campaign&utm_term=C26N35&m_id=20207

Image Grid.jpg1309Ɨ986 305 KB

Image Grid 2.jpg1312Ɨ983 294 KB

2

The new Sections Pro V2 by Big White Duck looks like it will do this easily. Release date this week.

2 Likes
3

Thanks Jabostick, I am still trying to figure out how to pull this off with that but Iā€™ll figure it out. Appreciate the direction.

4

Hi Adam. Andrew has a project file download that is helpful in wrapping your head around Sections Pro. You can check it out here: http://sectionspro.bigwhiteduck.com/posts/?permalink=learn-sections-demo-site

This is useful in any case BUT I have to apologize in not reading your question carefully. I just looked at your images and not the link and thought you were asking about changing the individual grid boxes on hover. That is done very easily with Sections Pro.

However, Iā€™m not at my RW computer to see if changing the full background on hover of a single grid item is possible (you know, the actual thing you asked, and did so clearly if I read carefully). Not saying it isnā€™t possible, just not sure off the top of my head.

Apologies again. In the meantime, maybe @tav could say if this is doable? EDIT: Andrew is away this week unfortunately.

5

I think you will want Sections Box for that which is not out yet, @tav wanted it released this week, but it might get pushed back with stuff going on. Real life can be a bitch sometimes.

6

Thanks guys for the help, Iā€™ll keep an eye out for Sections Box.

We all know how that goes! ā€œLife is what happens to you while youā€™re busy making other plansā€ Allen Saunders

7

Hereā€™s my try at the grid using sections pro:

http://rcobodesign.com/demo/grid/

It was done quick, so it can be refined to your preference. It only will show when viewed in desktop mode.
The rollover effect to a different image when hovering over sections could not be done, unless someone else could chime in. Iā€™m not sure why im getting this page is in French popup when viewing on Chrome :confused:

Screen Shot 2016-08-18 at 12.02.20 PM.png1401Ɨ1149 1.11 MB

8

Great thanks, I am really looking for the changing large image, that would be helpful to show some nice detail and is very eye pleasing with the transitions to me.

9

Yeah would be nice, but donā€™t think you can do that part

10

@zeebe. in trying to change the full background image each time an item is hovered (not just the single grid items themselves) - if this isnā€™t possible with Sections Box, is it possible with PeekABoo?

11

So glad to see this implemented
http://test.bigwhiteduck.com/lemur/

Great work!

1 Like
12

No, I do not believe Peek-A-Boo can do that.

13

@skillet now knows but I should point this out the the rest of you. The rollover background image effect in the http://test.bigwhiteduck.com/lemur/ test page will be available as a download when the next update to SectionsPRO and SectionsBOX is released.

I hope it wonā€™t be too long to wait but there are a couple of new features that really open up the possibilities for use with infoGraphics as well has the more conventional hover effects.

3 Likes
14

Someone asked if this would work with a masonry style layout, and yes it does. It doesnā€™t matter what you use for layout, the SectionsBOX CSS animation builder will work almost anywhere.
Here is it is with Elixirā€™s Bricks2 used to do the layout http://test.bigwhiteduck.com/lemur/bricks2/

1 Like
15

'Twas I. Woof. Or perhaps ā€˜quackā€™ would be more appropriate. Looks very fancy and very useful. Would make a great navigation.

Rob

1 Like
16

I just wanted to confirm if these updates are availbile and what exactly needs to be purchased for sure to make this happen. I think Briks2 (if you donā€™t want them all the same size), SectionsPro and SectionsBox.

17

The update to the animate stack that will allow you to build that layout is still in testing. Iā€™ve added quite a lot of new functionality and I want to be sure everything is bullet proof before public release. Sorry for the delay but Iā€™ve been a bit tied up with other things as well. It shouldnā€™t be too long now though.

1 Like
18

No worries at all I just wanted to be sure before I went diving in trying to figure it out. I trust you will likely post back when it is released. If not Iā€™ll just keep checking and making sure I didnā€™t miss the release. Thanks for all your excellent work making so much possible for the Weavers!

1 Like
19

Yes, I will try and remember to post on this thread if I can find it again. I will also tweet the update on @bwd_stacks and it will be on the news section of https://www.bigwhiteduck.com

Thanks for your encouraging words :slight_smile:

1 Like