Image Stack Grid with Roll Over Text


(Adam Olson) #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


(Jason Bostick) #2

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


(Adam Olson) #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.


(Jason Bostick) #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.


(Robert Ziebol 🖖🏼) #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.


(Adam Olson) #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


(r) #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:


(Adam Olson) #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.


(r) #9

Yeah would be nice, but don’t think you can do that part


(Jason Bostick) #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?


(Adam Olson) #11

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

Great work!


(Robert Ziebol 🖖🏼) #12

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


(Andrew Tavernor) #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.


(Andrew Tavernor) #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/


(Rob Beattie) #15

'Twas I. Woof. Or perhaps ‘quack’ would be more appropriate. Looks very fancy and very useful. Would make a great navigation.

Rob


(Adam Olson) #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.


(Andrew Tavernor) #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.


(Adam Olson) #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!


(Andrew Tavernor) #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: