Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
-
Hi,
I'm trying to float a <div> over a Flash-based image slide-show. Z-Index doesn't seem to be working for me.
This: www.leifm.com/alyssa/index.html
Should look like this: www.leifm.com/index2.html
Can anyone help? Much obliged. -
in between your <object> tag add
<param name="wmode" value="transparent" />
in the embed tag add
wmode="transparent" -
no need to use z-index
-
- CommentAuthordmitryseliv
- CommentTimeJul 26th 2006
Z-index won't work there because of the FLASH Object.
As "kmg" said add <param name="wmode" value="transparent">
to you Flash object.
Thought it doesn't work on a MAC.
Best, DS -
I think the best way to use flash is the swf object- otherwise it wont validate
http://blog.deconcept.com/swfobject/ -
kmg: That was actually my next question. Thanks for looking ahead and seeing what I hadn't seen yet.
-
no problem- thanks for allowing me to help . it help me so much to learn by trying to seee what others are trybing to accomplish and figure them out
-
kmg: If you're still willing to help more, I've integrated the SWF Object method b/c I figure that with this specific site, people who don't have the Flash plug in can just view the first image of the slideshow rather than the whole slideshow and not miss out on very much. But now I can't figure out how to get the floatedback on top. As your site suggests, I've added the extra paramater: so.addParam("wmode", "transparent");
But there's no longer an embed tag where I can add wmode="transparent" as you suggested earlier in this thread.
Any idea(s)? -
I forgot to add the link to my latest attempt.
-
use the div you had before slideshow - this is all you should need - try it ill hang out here until you try it send the link
<div id="slideshow"><img src="Images/Pool.jpg" alt="Relax by the Pool in Oyama, BC" /></div>
<script type="text/javascript">
var so = new SWFObject("slideshow_as2.swf", "slideshow_as2", "570", "384", "6", "#000000");
so.write("slideshow");
so.addParam("wmode", "transparent");
so.addParam("quality", "high");
</script> -
let me look at it again and think abou it
-
I don't think the script for flash has to be so complicated. There's no need for all that additional javascript.
The only reason it didn't validate before is because of the embed tag.
I use this on my pages to display movies and have never had a problem:-
<div class="myFlashHolder">
<object type="application/x-shockwave-flash" data="yourmovie.swf" width="507" height="452">
<param name="movie" value="yourmovie.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<!--INSERT YOUR ALTERNATIVE NON-FLASH VERSION HERE-->
</object>
</div><!--end of myFlashHolder-->
Refer to super article by Elizabeth Castro from A List Apart, Issue 219:-
http://www.alistapart.com/articles/byebyeembed -
By the way - I love the colours you have used in the site!
-
Sorry - also - i don't think you can float something on top of a Flash swf without using embed tag. Plesae - someone correct me if i'm wrong.
Can't you incorporate the "welcome" into the flash movie? and use an <h1>welcome</h1> for the non flash version? -
got it working, have to move the so.write("slideshow"); to the bottom
<div id="slideshow"><img src="Images/Pool.jpg" alt="Relax by the Pool in Oyama, BC" /></div>
<script type="text/javascript">
var so = new SWFObject("slideshow_as2.swf", "slideshow_as2", "570", "384", "6", "#000000");
so.addParam("wmode", "transparent");
so.addParam("quality", "high");
so.write("slideshow");
</script>
need the embed tag for netscape and firefox browers and mac - but embed tag dont validate -
i think using the swfobject is really easy - js goes in a external file and the above code is clean and light
-
You don't need embed for firefox and netscape or a mac. (refer to http://www.alistapart.com/articles/flashsatay/)
I built this example recently which works fine in Firefox and Netscape... and on a Mac... http://www.rexam.com/index.asp?pageid=444 -
there are many ways to accomplish the same/similar task, when learning flash i looked at lot of different method and i choose the swf object over Flash Satay, doesnt mean its better it was just my choice. here is way i didnt choose flash satay:
* Accessibility issues. - Using Flash Satay, some screen readers (like JAWS) will ignore your Flash content.
* With changes from the Eolas patent dispute, users will have to first click on your Flash content to 'activate' it before interacting with it. More info here.
* There is noplug-in detection. - Same as above - With no plug-in detection, users may see broken or no content. When the Flash player encounters a Flash movie embedded in a page, it will try to play it no matter what the version is. So if you have Flash player 6 installed, and encounter a Flash 7 movie, your plug-in will try to play it, possibly causing odd behavior.
* Some methods of Flash satay don't stream the Flash movie to the player - So this method may require 'holder' swf movies that your movie is loaded in to. This makes passing variables from FlashVars parameters a hassle and make it a pain to maintain Flash content as you now have twice as many swf files floating around your web server.
* Older Safari versions ignore param tags - Up until version 2.0 (on Tiger) or 1.3 (on Panther) and possibly 1.2.8 (pre Panther) Safari would completely ignore the param tag. This meant that if you tried to set other options using them, like Flashvars or Align, Salign, etc. Safari would not see those values.
to learn more about swf object
http://blog.deconcept.com/swfobject/ -
kmg:
Your latest idea seemed to do the trick. Seems to work in FF/IE6/Safari. Thanks a bunch for your help.
Link. -
cola:
I'm sure that I could incorporate the "Welcome..." into the Flash movie, except for one thing... I don't have any Flash skills and I don't really have the time to learn for this little tiny part of a web site. A bit of Googling turned up a free Flash slideshow that I could manipulate enough for what I needed. I read about the Flash Saty method, but kmg's points about browser plug-in detection seemed to make sense for my situation. I'd rather not send people w/o a Flash plugin off to install it if I don't have to.
Glad you like the colours. Thankfully, so does my client.
1 to 23 of 23