I have used this same technique (not this exact code) on sites based on the Bootstrap responsive framework, and there was no issue. Modal overlay layers are compatible with most types of pages. Where you may/will have issues is if the screen is too small to contain the overlay content. There is nothing about the ScriptyLightbox framework that would preclude this, but you may see odd behavior at very small/very large screen sizes. But this is entirely dependent on the content you wish to show within the overlay, and the only way to find that out is to try it. If you don’t get the love you want from ScriptyLightbox, try ScriptyLightbox 3, which uses a floating “window” with a shadow instead of a page-obscuring overlay. SL3 was written specifically to support iPad, so it’s very likely to work if SL does not. (SL is based on a script I did not write, from many years ago. SL3 is my own code entirely.)
Walter
On Jul 17, 2014, at 1:44 PM, Howard Spaeth wrote:
Just wanted to make sure it would because I asked Caleb and he isn’t sure it would
It makes me sometimes wonder … I mean - hmmm, …lot of things.
Is Freeway (or Backdraft as a template) doing different things than HTML, CSS and JavaScript? I mean - are we living on an island - and I haven’t recognized it? Do I miss something? Is there a Freeway-Web or even a Backdraft-Web different from all those other Webs in the world?
I don’t know the answer - literally.
As far as I know, SL is responsive, cause on each single device, it loads the “overlay” in exact the width it should do.
But if you are a purist, it might be not enough. I recognized these days, that people do not surf pages anymore - no - they make browser windows wider, browser windows narrower, wider, narrower and so on …
So assumed, this is kind of new sport, you’d probably think of Lightboxes that follow this tugging opportunity. One (of several) example would be something like this:
And all the rest of the world-wide available scripts?
Thomas, how would one embded that into freeway? Any ideas?
First thing to remember is that Magnific is a jQuery based script that will likely not play well with any of the FW standard actions - so if you are planning on using any of them then forget it to avoid potential pain points.
Then how were you able to do the magnify thing in the post that i posted?
Basically, what I want to do is have a small image, a thumbnail and when they click on it, i want it to show a magnifying glass and then a link to the actual website. Can i do this without using magnify?
Quick example that uses CSS3 Rollover action on the Thumb to change the opacity, Rollover action on the thumb to Trigger Target Show/Hide on the Magnify and Link icons.
So to reiterate
Action 1: CSS3Rollover
Action2: Rollover
Action 3: Target Show/Hide
The Magnify I mentioned only refers to the Magnify icon I used as the link/trigger - and does not refer to Magnific in any way!
Would you like me to send you the FW doc?
If so it will have to wait until I get back from my vacation at the W/E