How can I do this without images?

[AgaBoogaBoo]

My site, HERE (http://www.ankitgupta.com) , has links on the right linking to another page via the iframe below it. I'd like to use something like shown: HERE (http://3dhtml.netzministerium.de/examples/example_lyrobjclipbutton.html)

Except, without their images, and with different links each time. Also, instead of having a rollover feature, I'd like something where you'd have to click the link.

The reason I ask is not because I want to make things complicated, but because it will make accessing parts of my site quicker since everything will have been loaded already.

[zoobie]

The values would have to change...So, I don't think so. :p

[AgaBoogaBoo]

Is there anything I can do so that when I click on a link it 'changes' the data in the area below? It'll make transitions much smoother so you don't have to wait for the iframe page of the links to load from the server.

[shlagish]

Put many i-frames and change their z-index with the links, it'll be long to load at first but it will appear immediatly when the link is clicked...

[AgaBoogaBoo]

Originally posted by shlagish
Put many i-frames and change their z-index with the links, it'll be long to load at first but it will appear immediatly when the link is clicked...

I'm not really understanding what you're saying. What is the z-index?

Also, could you possibly show me an example of how I would accomplish this?

[shlagish]

Well, z-index is used to place an element 'behind' another element. (see this example (http://www.w3schools.com/css/tryit.asp?filename=trycss_zindex2) )

So lets say your first i-frame has a z-index of 1, and you have another i-frame which has a z-index of 0. You place them at the same place and make them have the same width and height (using css)
If you do this, you will only see the one with the higher z-index (in this case: your first i-frame)
Now, what you have to do is:
Make a link that when you click on it, the second i-frame's z-index becomes 1 and the first i-frame's z-index becomes 0.
Now you will only see the second i-frame.

But I'm sure it's not the best way to do what your trying to do... I just don't have any other idea

[shlagish]

Or you could this this priciple and apply it to an i-frame instead of an image: link (http://www.w3schools.com/dhtml/tryit.asp?filename=trydhtml_image_preload)

This preloads the image so it is faster to chage when the function is trigered (mouseover)

[AgaBoogaBoo]

This is getting more complicated than I thought. I understand what your saying about the z-index now but scripting that is beyond my capabilities right now. Unless I find a palce where this is already implemented, I think I'll just stay with h ow it is right now.

Thanks.

[shlagish]

Sorry I couldn't be of any help :(

[zoobie]

There comes a point where the bloated code becomes larger than downloading a small image. However, I don't think shlagish's z-index idea would take that much longer to load...maybe a fraction of a second at most. I'd try it anyway... One solution may be to put your page on the internet and we could try different techniques on it and fix it up. :D

[AgaBoogaBoo]

In a way you did help me because gave me ideas of how it could be done and you saved me from spending days try to get this done. Thanks. :)

[shlagish]

Originally posted by zoobie
shlagish's

When I saw that it was like: WOW, that IS a weird name, lol.