How to use an iframe?

Forum Moderators: open

Message Too Old, No Replies

How to use an iframe?

Ameryl

2:05 am on Jan 3, 2005 (gmt 0)

I posted a question on another part of this site and a member suggested I try this section for a possible solution. He also suggested that I copy and paste my HTML on here as well. Before I did that I just wanted to make sure it was needed.

The problem I am having is this: I am making a page using ImageReady that contains an animation of photos fading in and out (which is the main part of the page). The background of the page has links containing rollovers. The kink is that the animation stops when the rollovers are activated. Is there a way I can edit the HTML outputted from ImageReady to make a "page within a page" so the animation continues no matter when the rollovers are activated? Also, any tips on accessing the HTML through ImageReady would be greatly appreciated, since the way I am doing it is a little complicated.

tedster

2:41 am on Jan 3, 2005 (gmt 0)

The iframe idea is worth a try, I'd say.

The idea would be to use ImageReady to create two pages, one of which is only the slide show itself inside the <body>. The other page would be the rest of what you call the "background", which I am assuming is the "parent" page that holds the iframe - all the rest of your current page's content.

The iframe tag would be on the parent page and use the src= attribute, pointing it to the second page you created (the one with just the slide show). The iframe syntax would be something like this:

The issue you describe may be a javascript conflict that this approach does not resolve - because javascript "runs" both the slideshow and the rollovers. But give this a try firs before you get into any kind of major javascript surgery.

[edited by: tedster at 7:13 am (utc) on Jan. 3, 2005]

Ameryl

5:00 am on Jan 3, 2005 (gmt 0)

Okay I have been working on it for a little while, and I have come pretty close. I am having problems placing the syntax in the right place on the html. The several places I tried put the iframe would have one page above the other one, separately. I need to know the right area to put the tag. Placing it right after the table makes the source page above it, replacing the table width with the iframe does the same. Incidentally, the animation is on a transparent canvas the same size as the other page. I'm not sure if I am explaining it correctly. I;m not quite sure what I am looking for I suppose. Thanks for your help!

tedster

7:17 am on Jan 3, 2005 (gmt 0)

The iframe belongs whereever the slideshow was before, most likely. If your entire page layout is arranged by a table, the iframe will probably go inside a table cell, like this:

It may help you to visualize what's going on with your layout to make the table tag say <table border="1"> while you are working on the page. You can return it to border="0" when you are all set.

mcibor

10:01 pm on Jan 3, 2005 (gmt 0)

Where exactly is the slideshow? Is it in the background? Or just in one column/row/cell. If the second possibility, then place the iframe, as tedster indicated just in the <td><iframe></iframe></td>.

If in the background then you can't use an iframe.

Ameryl

1:18 am on Jan 4, 2005 (gmt 0)

Okay... I tried this a couple of different ways.
The first way was to use the background file and place the slideshow file in there. Underneath the table width begins a series of <TR> and <TD>, which seem to be the slices for the rollovers. Placing them anywhere in between these did not work.

The second way was to use the slideshow image and place the background in that way. Putting the <TD> for the iframe will either put the file before or after the slideshow, not on top of it.

I have the background and the slideshow save as two separate html files. I would not mind saving the slideshow as an animated gif if I could center it within the background page. But I know nothing of HTML, which is why I was using ImageReady. ;-)

If this end up to be an impossible task, I think I can change to layout to make up for this problem. I suppose it's just the sense of not being able to figure it out, since a good part of my site will be dedicated to photos and I would like to display them intermittently. As always, I appreciate any advice you can give. Thanks!