Solved

2 column layout with flash embedded

Posted on 2010-08-30
2
244 Views
Last Modified: 2012-05-10
I have a portfolio page that is done in flash. It displays photos in 4x4 space.
When the photo is clicked, the flash spans 100% width of the page and zooms in on the photo.
ex: http://www.simpleviewer.net/tiltviewer/app/

What I'd like to have is 2 columns. flash on left, and then the right column have navigation in it, but when a photo is clicked, the flash image still expands over-top of the right column.

I don't know if z-indexing will work as I can't make positions absolute. Any Ideas?
0
Comment
Question by:MrBaseball9
2 Comments
 
LVL 4

Accepted Solution

by:
Morrisproject earned 250 total points
ID: 33568095
Dont think this will work unfortunately.

As the actual flash viewer on your example page is width:100%; so although the images do not use all the space - they do when expanded.

You could look into adding the navigation into the actual FLA / flash file, then I imagine this would work. However if this isn't your own work, it will not work unfortunately.

I would suggest to look into alternative viewers, possibly some jquery image viewers.
http://webdeveloperplus.com/jquery/21-brilliant-jquery-image-galleryslideshow-plugins/

Enjoy
0
 

Author Closing Comment

by:MrBaseball9
ID: 33696373
I am working on using on the the jquery examples now
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

809 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question