Thread: FLASH element overlapping LIGHTBOX PICS

FLASH element overlapping LIGHTBOX PICS
Voda people, please help me with this one.

I used a flash element and lightbox on my site. The problem is that when i click on the thumbnails in the lightbox, the flash element appears on top of the lightbox pics.

Here's the link http://www.sitangkaiseaweeds.com/auraproducts.html of the site i am working on right now.

Thanks in advance.

Neil

www.sitangkaiseaweeds.com

Just see if this will help:

Right click on your Flash element and send it to the Back. If it is an image background you are using, then the Flash will be behind it. Therefor right-click the background image as well and send it to the back.

I hope it helps.

Originally Posted by Tom vR

Just see if this will help:

Right click on your Flash element and send it to the Back. If it is an image background you are using, then the Flash will be behind it. Therefor right-click the background image as well and send it to the back.

I hope it helps.

thanks for the reply tom.

i tried your idea but it did not help. i still badly need to have this issue resolved so that i could move on to other tasks.

again the link http://www.sitangkaiseaweeds.com/auraproducts.html

anyone please.

Neil

http://www.sitangkaiseaweeds.com

I do not have BV with me at the moment, so I cannot check the lightbox settings.
Maybe there are some script to resolve this. I'm sure the script experts will be able to assist.

There is some text on the right (off your display area) causing sideway scrolling. Delete that, just maybe it can also help.

Originally Posted by Tom vR

I do not have BV with me at the moment, so I cannot check the lightbox settings.
Maybe there are some script to resolve this. I'm sure the script experts will be able to assist.

There is some text on the right (off your display area) causing sideway scrolling. Delete that, just maybe it can also help.

Thanks. i will wait for the script experts for this. hope they will read this thread soon.

with regards the text on the side, it's because this is still under construction. i'm dragging them on the side for use later on and i'm sure it did not cause this problem. i also checked on the lightbox settings and nothing there to resolve this.

waiting for assistance...

Neil

www.sitangkaiseaweeds.com

i had this problem with a site i built and I had to move the light box down out of the way of the flash. the other thing i see is that you have the flash looping as it plays continuosly. I believe you could fix the looping part in the set up.
mrmagoo144
www.videopostcards.info

Originally Posted by mrmagoo144

i had this problem with a site i built and I had to move the light box down out of the way of the flash. the other thing i see is that you have the flash looping as it plays continuosly. I believe you could fix the looping part in the set up.
mrmagoo144
www.videopostcards.info

You mean there is no solution to this problem?

With regards the looping part, i really designed it that way.

Thanks

Neil

Originally Posted by neil_s_dalena

You mean there is no solution to this problem?

NO ..... you will have to use BV's "Gallery" instead (where the larger image presents on a separate page). I would explore if there was a way to define the "next page" function, and see if you can customise the link as a sizable pop-up browser, similar to an on-click configuration.....that way the larger image pop-up is on top of your page without scrollbars and in a managable size for visitors: you may have to "re-create" the larger images to include the text descriptions if needed to keep everything as a single image the way Gallery requires -- you can do that in Paint easily enough -- and thus avoid the problem of how to include the information as Lightbox would.

Embedding Flash onto a BV page will always 'present' at "front" of page (that is why you could not ~and should not~ SEND TO BACK), and "Lightbox" will also do the same thing, but since it is a script that has a link type of command it will take precedence over any imbedded script such as you Flash file (which is not really inserted into the page, but is recalled from a separate Flash file uploaded to your root directory). It is also why you cannot "lay text over" a Flash box in BV and hope to see it like you would using other types of scripts or static images....

This is why you will need to use Gallery instead, or not use Flash as part of the main page body.

If you really do not want to do things this way, you will need to decide between 2 other solutions:
1) 'embed' Lightbox manually (add the entire script into a HTML box on the BV page) and configure it the long way. Lightbox is available free as a stand-alone script if you Google it, and this way it is not part of the BV page construct proper.
2) create a "gallery" in Flash that you can embed along with your show (in the same manner in BV), using either the full Flash software, or as a single production you can create using one of the free Flash utilities (also available if you Search these Forums or Google).

I think, if it were me, I would move the flash design up into the header area, looks to me like it might fit there perfectly ..

And if you didn't - perhaps moving the images down would allow you to write some descriptive text about your products to the right of the flash show, that would prevent this, looks like this occurs for about 4 rows downward .. .. and perhaps think about having your images 4 wide ...

Just a quick fix ..

Also therapy is spelled incorrectly on your nav button .. no h in therapy ..

Originally Posted by LadyEye

I think, if it were me, I would move the flash design up into the header area, looks to me like it might fit there perfectly ..

And if you didn't - perhaps moving the images down would allow you to write some descriptive text about your products to the right of the flash show, that would prevent this, looks like this occurs for about 4 rows downward .. .. and perhaps think about having your images 4 wide ...

Just a quick fix ..

Also therapy is spelled incorrectly on your nav button .. no h in therapy ..

Good EYE, m'Lady...LOL

Moving the Flash element up as a header would still "bleed" ..... all about how things are written/how things function....

Originally Posted by Vasili

Good EYE, m'Lady...LOL

Moving the Flash element up as a header would still "bleed" ..... all about how things are written/how things function....

But wouldn't be bleeding into anything - if this area was then used for text the lightbox images would not be effected - they are fine once you go past the 4th row .. ...

Hi LadyEye,

I wanted to make the same suggestion about moving the Flash thingy up to the top left corner, but then you would have to move (at the same time) the lightbox down -out of site of the Flash element.

It all depends how far you have scrolled down and it differs on different screen sizes. Everytime you launce lightbox, it pops ups in the top center of the page, so if the flash element is still visible the lightbox displays over it.
Just another observation, lol....

it's should work by adding this following parameter in your flash:

Code:

<param name="wmode" value="transparent">

for more information visit http://kb.adobe.com/selfservice/view...4201&sliceId=1

Thanks everybody for sharing your opinions.

I will try nyoman's script later. For the meantime i tried lady eye's suggestion and the page now looks like this http://www.sitangkaiseaweeds.com/auraproducts.html

If nyoman's recipe will work then i will do both (script and changes in lay out). This site will officially go online wednesday next week with a new domain name.

Other links not yet working because site is still under construction.

Thanks again.

Neil

www.sitangkaiseaweeds.com

Good job Neil .. and the text is very important for your page too .. without text, the search engines do not really know what is on your page, and you don't want that, so you have killed two birds with one stone .. LOL ...

Hi, think think Tom's idea will work best for this one (Top left). With the situation with using flash & the light box not working, you will be better off not having the flash within view, if a visitor clicks on a ring. Wont look very professional.

Looks good Neil, although I agree with Chris. Visitors might get a bit frustrated when they enlarge the images and then click to close the window. When they do that they are out of your website and must open it again.

It will work very well if you could open each image in a pop-up that does not trigger a warning on the visitors' screen. See post number 2 by king Navaldesign in this thread. Click here. You can then add a close button on the pop-up as well.

Or if using the gallery, set it to open with popups. See the Styles tab.

Originally Posted by neil_s_dalena

If nyoman's recipe will work then i will do both (script and changes in lay out). This site will officially go online wednesday next week with a new domain name.

Other links not yet working because site is still under construction.

Thanks again.

Neil

flash will not overlapping lightbox with this parameter. if you are using bluevoda, make the code like this:

Code:

><param name="wmode" value="transparent"

right click your flash go to html and inside tag insert the code above.
TRY

Hi Nyoman,
have been having a go at what you suggested & cant seemed to get it to work. Any ideas?

Link to test page

Code used.
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="450" height="140" id="Flash1"
<param name="wmode" value="transparent">
<param name="movie" value="spider.swf">
<param name="quality" value="High">
<param name="scale" value="ExactFit">
<param name="wmode" value="Window">
<param name="play" value="true">
<param name="loop" value="false">
<param name="menu" value="false">
<param name="sAlign" value="L">
<embed src="spider.swf" width="450" height="140" quality="High" wmode="Window" loop="false" play="true" menu="false" scale="ExactFit" type="application/x-shockwave-flash" pluginspace="http://www.macromedia.com/go/getflashplayer">
</embed>
</object>

Hi Chris,

I also want to test this a bit later. Regarding your code, must
<param name="wmode" value="Window">
be included? I'm taking a fat chance here...lol...

Originally Posted by Tom vR

Hi Chris,

I also want to test this a bit later. Regarding your code, must
<param name="wmode" value="Window">
be included? I'm taking a fat chance here...lol...

Hi Tom, not sure if i may have put the code in wrong, but couldn't get it to work in FF or IE. I think this one came up before, & i don't think it was solved then. Might be wrong.

Cheers.

Originally Posted by Collectors-info

Hi Nyoman,
have been having a go at what you suggested & cant seemed to get it to work. Any ideas?

Link to test page

Code used.
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="450" height="140" id="Flash1"
<param name="wmode" value="transparent">
<param name="movie" value="spider.swf">
<param name="quality" value="High">
<param name="scale" value="ExactFit">
<param name="wmode" value="Window">
<param name="play" value="true">
<param name="loop" value="false">
<param name="menu" value="false">
<param name="sAlign" value="L">
<embed src="spider.swf" width="450" height="140" quality="High" wmode="Window" loop="false" play="true" menu="false" scale="ExactFit" type="application/x-shockwave-flash" pluginspace="http://www.macromedia.com/go/getflashplayer">
</embed>
</object>

Hi Chris
Just copy my code

Code:

><param name="wmode" value="transparent"

no more and no less , insert inside tag of flash html on bluevoda. your code on your test page is missing > at the begining

Ah! i was using your 1st post. lol. Seems fine in IE, But no joy with FF. But this might be my FF or just not compatible.

Originally Posted by Nyoman

Hi Chris
Just copy my code

Code:

><param name="wmode" value="transparent"

no more and no less , insert inside tag of flash html on bluevoda. your code on your test page is missing > at the begining

The recipe of nyoman really works. Thanks a lot man.

here's the page now http://www.sitangkaiseaweeds.com/auraproducts.html

Thanks to all who shared,

Neil

...But NOT in FireFox....

Would you perhaps a fix for this Nyoman? Otherwise, good one for the favorites.

Hi all
i notice that Bluevoda has this option itself, so no need to add any code manually. on bluevoda double click your flash movie go to window mode, select transparent or opaque, work fine in IE,FF,mozilla

and for you non bluevoda user, you can apply this code in object tag

Code:

<param name="wmode" value="transparent">

and insert this code inside embed tag

Code:

wmode="transparent"

ENJOY

Hi Neil,

Nice site, you did great!!! Just quick question regarding on your lightbox how did you incorporate the price in your picture.

Thanks.

Originally Posted by cct9105

Hi Neil,

Nice site, you did great!!! Just quick question regarding on your lightbox how did you incorporate the price in your picture.

Thanks.

Hi, you should be able to add text with most image software/programs. If you don't have one there is a good free one at this link.

Thanks for the info.

Well done Nyoman. There are a few that have had this problem that never new about the transparent in the drop down. One to add to my list.

Cheers.

Excellent job Nyoman, I never new about that window, or the script you have posted. I have one follow up question. My links are placed on the animation, so what happens now, is that in order for the link to open you actualy have to click on a link twice, cause first one just lets you use it because of the animation in the backround. Any thoughts?

Excellent job Nyoman, I never new about that window, or the script you have posted. I have one follow up question. My links are placed on the animation, so what happens now, is that in order for the link to open you actualy have to click on a link twice, cause first one just lets you use it because of the animation in the backround. Any thoughts?

you can use ieupdate.js , and insert javascript in your page to search this js. file