Can’t you put the Hovermate stack in a responsive grid stack? Hovermate seems to size responsively in my browser window so it should work. You could use a link stack to redirect the Hovermate stack to a gallery of images on a separate page.
Well I hope you are right and I am still missing something because I LOVE the effects in Hovermate, but I am not able to get hovermate to be responsive, even in a responsive grid/column stack. In hover mate you have no choice but to define the width of the image in pixels. So the best I can get is that as the page gets smaller, the images overlap until they snap into a vertical stack. They never change in size because their dimensions are defined inside the HM stack. Can you send me a URL where I could see the HM stack act responsively?
Also, I just realized that maybe the secret sauce in your reply is [quote=“jspencer2, post:2, topic:6527”]
You could use a link stack to redirect the Hovermate stack to a gallery of images on a separate page.
[/quote] I’m not sure what you mean by that?
Joe Workman has a link stack that turns any stack into a link that you can redirect to a gallery page.
I looked at the hovermate demo page and when resizing the browser window the images resized responsively although the text is fixed in size. I’m sure if you drop a link stack with a Hovermate stack into a responsive grid (there are loads out there) it would reproduce the effect you are looking for. The stack Webdeer also sounds like it will fit the bill though and probably with less fuss.
I have bought Hovermate as it looked like a cool stack to have! It is responsive, you don’t need to put the image size in but do make sure the image is appropriately sized for the container and they are all the same aspect ratio. I cobbled a quick demo here. Hovermate Demo
It took about half and hour of playing about with image sizes and aspect ratios mainly. I used Joe Workman’s Foundation stacks and 1LD’s responsive grids but I’m sure others will work just fine.
Hovermate has a ‘Target URL’ button at the very bottom of the stack settings so you can link it to a gallery or other page.
OK, I get it… there is an odd behavior in Hovermate… once you write an image width in the Hovermate stack, you can’t delete it. If I try to delete it, it defaults to 100px. So I dragged a new Hovermate in and it worked responsively. Thanks a bunch.
Also, fwiw… not sure why, but in Safari when I scrub the window size from large to smaller (and visa-versa), your demo page strobes back n forth to full white. Then entire page strobes, which is seizure-inducing Just thought you should know.
Anyway, thanks for all your input, much appreciated.
OH… and I visited the Hovermate website last night to show my girlfriend what I was hoping to add to my site, and discovered that Hovermate is completely dead on an IOS device. Not one of the hover actions worked on the demo site. So that alone knocks me out of Hovermate.
You are right, there is no hover per-se… but stacks developers are creating cool workarounds for IOS, such as swiping an image to see the popup info. At the very least, you should be able to touch an image and have it respond.
I bought imagePlus from Doobox for that very same reason. I didn’t read enough of the info though… it isn’t a hover effect your are buying, it is an info lightbox that has a hover effect. No way to separate the two. You get that great hover zoom, but your only option is to click the image and see a special info page that is built in to ImagePlus.
To do these type of layouts properly you need full control over the text and how it behaves when the screen reduces in size. You also need tight control on the size of the stack container so it is very much a layout of clever stacks needed rather than a single stack.