I’m trying to get my site to validate correctly. Thanks to Walter, I’m almost there. However, I still have 3 errors coming up. All of them are related to an iFrame Action in Freeway. This is one of the three.
The frameborder attribute on the iframe element is obsolete. Use CSS instead.
I’m using version 2.2 of the Action (I think it’s from the forge, but I can’t really remember where it came from). Thing is, in the Action, I cannot (not) select the required buttons. So how do I get this to work? Do I need to ditch the action and do it some other way?
The iFrame is used to run a slideshow. It’s a slideshow created by Adobe Lightroom, using a 3rd party plugin. Using it because I like the simplicity of the slideshow. It just scrolls 12 odd slides, with a nice blend without any unnecessary junk and no flash.
I use the same iFrame for my main gallery too. But use it with the numbers in the corner option, which I like for clients to be able to tell where they are in the slideshow. If they are smart they can even scroll through it using the arrow keys.
The easiest way around this would be to ditch the Action, and just use a Markup Item in its place. If you know what the proper valid iframe code is that you want to use, just insert it in a Markup Item on the page where you want the iframe to appear.
Walter
On Feb 11, 2014, at 2:15 PM, Paul Tansley wrote:
I’m trying to get my site to validate correctly. Thanks to Walter, I’m almost there. However, I still have 3 errors coming up. All of them are related to an iFrame Action in Freeway. This is one of the three.
The frameborder attribute on the iframe element is obsolete. Use CSS instead.
I’m using version 2.2 of the Action (I think it’s from the forge, but I can’t really remember where it came from). Thing is, in the Action, I cannot (not) select the required buttons. So how do I get this to work? Do I need to ditch the action and do it some other way?
The iFrame is used to run a slideshow. It’s a slideshow created by Adobe Lightroom, using a 3rd party plugin. Using it because I like the simplicity of the slideshow. It just scrolls 12 odd slides, with a nice blend without any unnecessary junk and no flash.
I use the same iFrame for my main gallery too. But use it with the numbers in the corner option, which I like for clients to be able to tell where they are in the slideshow. If they are smart they can even scroll through it using the arrow keys.
If you’re using a lightbox script, they usually provide you with sample code to use. I haven’t heard of the one you named, but there have been a number of other products in this space, and they all will provide you with either a sample.html page, or just a snippet of “paste this in your page” code that includes an iframe tag. That’s the part you want to paste. As far as the CSS goes, I think border: none would do the trick here.
Walter
On Feb 11, 2014, at 2:28 PM, Paul Tansley wrote:
Walter - now say that in english
I get the code bit and know how to insert HTML code into a box. But what code do I use?
I’m still really confused how to insert a gallery into my page.
I’ve worked out how to manually insert an iframe - without using the freeway action. By inserting HTML markup into a box.
This does the same thing as the original iframe action I was using. However, Firefox for one, doesn’t recognise the attribute “seamless” rendering the slideshow ugly.
What am I missing? I understand iframe - as it’s a container showing an outside webpage inside the current webpage. That’s nice and simple. But what do I use if I don’t want to use an iframe - so I can avoid the problems iframe is giving me?
If your only issue is visual, then you can add a little CSS to your iframe tag:
<iframe ... style="border:none" ... >
should do the trick. Put that style=“code” part into your existing code that you quoted previously, and that should make the borders disappear. One other thing that seamless does on browsers that support it is to make the iframe the same height as its content page. This is not possible without support for seamless unless both the iframe page and the page inside the iframe are served from the exact same server. Then there are ways to figure this out using JavaScript. But the moment that the two pages (the outer, containing the iframe and the inner, loaded into the iframe) are coming from two different server, JavaScript’s Same Origin Policy will stop the outer from communicating with the inner page.
Walter
On Feb 18, 2014, at 12:20 PM, Paul Tansley wrote:
This does the same thing as the original iframe action I was using. However, Firefox for one, doesn’t recognise the attribute “seamless” rendering the slideshow ugly.
For now, that will probably do me. Now I can choose which Slideshow to use - either my existing one or WOWslider perhaps. And simply use the iframe method to place it where I want it.
