[jQuery] Re: Superfish menu - flash of unstyled list before load

2008-09-22 Thread Joel Birch

Hi Terry,

As a rule, you should always put your CSS before your JavaScript in
the source order. This avoids the FOUC problems.

Joel Birch.


[jQuery] Re: SuperFish Menu Flash

2007-11-02 Thread rolfsf


I don't have an easy answer for you, but it seems like you've tried a couple
different techniques and haven't completely removed the old ones. For
example, you've got both the original suckerfish javascript (sfhover) and
superfish ( which is a jquery implementation of the suckerfish menu). You're
also calling bgiframe, but you haven't linked the bgiframe script... but I
think superfish has it's own implementation of the bgiframe technique. So
you might want to start by cleaning up a little.



gracetec wrote:
 
 
 Hi all,
 
 I have been testing the SuperFish menu and and very impressed with
 it's features. However, when I included a Flash slideshow my menu no
 longer can be seen. I have followed all advise I can find on forums
 re: CSS z-index values and setting  still to no effect.
 I would be grateful for any further help as I don't wish to change the
 menu at this stage.
 
 View the menu here: http://rican.ictirl.com/home/menu.htm
 
 regards,
 gracetec
 
 
 

-- 
View this message in context: 
http://www.nabble.com/SuperFish-Menu---Flash-tf4738569s27240.html#a13551553
Sent from the jQuery General Discussion mailing list archive at Nabble.com.



[jQuery] Re: SuperFish Menu Flash

2007-11-02 Thread gracetec

Hi rolfsf,

Thanks for your response.
I have re-checked all the code against a working example and the only
difference appears to be the way in which the flash file is embedded.

It works for this code:

object classid=clsid:D27CDB6E-AE6D-11cf-96B8-44455354
codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/
swflash.cab#version=6,0,29,0 width=590 height=173 style=margin:
0px; padding: 0px;
param name=movie value=test.swf
param name=quality value=highparam name=WMode
value=Transparent
embed src=test.swf quality=high wmode=transparent
pluginspage=http://www.macromedia.com/go/getflashplayer;
type=application/x-shockwave-flash width=590 height=173/embed
  /object

But not for:

script type=text/javascript
var so = new SWFObject(slideshow.swf, gallery, 590, 174, 6,
#00);
so.write(flashcontent);
/script

Although I changed the code in the file:

http://rican.ictirl.com/home/flashdetect.js to match it still doesn't
display.
Any more thoughts?



[jQuery] Re: SuperFish Menu Flash

2007-11-02 Thread Anthony Leboeuf(Worcester Wide Web)


Hi, it works because you used the :

param name=WMode
value=Transparent

wmode=transparent


You need this for elements to appear above the flash movie.


-Tony


gracetec wrote:

Hi rolfsf,

Thanks for your response.
I have re-checked all the code against a working example and the only
difference appears to be the way in which the flash file is embedded.

It works for this code:

object classid=clsid:D27CDB6E-AE6D-11cf-96B8-44455354
codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/
swflash.cab#version=6,0,29,0 width=590 height=173 style=margin:
0px; padding: 0px;
param name=movie value=test.swf
param name=quality value=highparam name=WMode
value=Transparent
embed src=test.swf quality=high wmode=transparent
pluginspage=http://www.macromedia.com/go/getflashplayer;
type=application/x-shockwave-flash width=590 height=173/embed
  /object

But not for:

script type=text/javascript
var so = new SWFObject(slideshow.swf, gallery, 590, 174, 6,
#00);
so.write(flashcontent);
/script

Although I changed the code in the file:

http://rican.ictirl.com/home/flashdetect.js to match it still doesn't
display.
Any more thoughts?


  




[jQuery] Re: SuperFish Menu Flash

2007-11-02 Thread Olivier Percebois-Garve


You definitely need to include bgiframe, because without you have errors,
and therefore the swfobject code cannot run.

gracetec wrote:

Hi rolfsf,

Thanks for your response.
I have re-checked all the code against a working example and the only
difference appears to be the way in which the flash file is embedded.

It works for this code:

object classid=clsid:D27CDB6E-AE6D-11cf-96B8-44455354
codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/
swflash.cab#version=6,0,29,0 width=590 height=173 style=margin:
0px; padding: 0px;
param name=movie value=test.swf
param name=quality value=highparam name=WMode
value=Transparent
embed src=test.swf quality=high wmode=transparent
pluginspage=http://www.macromedia.com/go/getflashplayer;
type=application/x-shockwave-flash width=590 height=173/embed
  /object

But not for:

script type=text/javascript
var so = new SWFObject(slideshow.swf, gallery, 590, 174, 6,
#00);
so.write(flashcontent);
/script

Although I changed the code in the file:

http://rican.ictirl.com/home/flashdetect.js to match it still doesn't
display.
Any more thoughts?


  




[jQuery] Re: SuperFish Menu Flash

2007-11-02 Thread Joel Birch

On 03/11/2007, Olivier Percebois-Garve [EMAIL PROTECTED] wrote:
 You definitely need to include bgiframe, because without you have errors,
 and therefore the swfobject code cannot run.

...or remove the code that applies bgiframe to Superfish completely,
and don't include the bgiframe plugin. It seems that you may not be
needing it in this case.

To sum up: do add the swfObject code necessary to trigger wmode
transparent (see the swfObject docs to find out how), and also make
sure you are adding z-index to all the elements involved. Often you
need to add z-index to parent elements also - especially to avoid IE6
z-index bugs. Of course, everything you set z-index on also needs to
be positioned - position:relative is often the easiest way to ensure
that.

Joel Birch.