Dropdown menu behind Flash video

Forums Forums Menus Dropdown menu behind Flash video

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1416
    bigmoves
    Member

    My dropdown menu is hidden behind a flash video on my home page. I have tried adjusting z-index for the dropdown as well as the content div and that does not seem to work.

    Issues with: Chrome (PC), Safari (PC), IE8 (PC)
    <a href="http://pleasuredoingbusiness.org/">site</a&gt;
    <a href="http://pleasuredoingbusiness.org/wp-content/themes/pdb/style.css">css</a&gt;

    Thank you

    #8478
    bigmoves
    Member

    I found the answer posted previously and it worked great. Thank You!

    &quot;Ryan&quot; wrote:
    The video is displaying behind the menu in Google Chrome and presumably other webkit browsers such as Safari and Konquerer.

    Here’s something I posted elsewhere about the Flash issue:
    [quote:evfablc3]
    You need to add this between your OBJECT tags:
    [code:evfablc3]<param name="wmode" value="transparent">[/code:evfablc3]

    And this in an EMBED tag
    [code:evfablc3]wmode="transparent"[/code:evfablc3]

    So your code should look something like this:
    [code:evfablc3]
    <object>
      <param value="blabla.swf" / >
      <param name="wmode" value="transparent" / >
      <embed src="transparency.swf" wmode="transparent" type="application/x-shockwave-flash">
      </embed>
    </object>[/code:evfablc3]

    [/quote:evfablc3]

    #8479
    Anonymous
    Member

    Hi,

    I have the same problem. Where should the <object> text be placed?

    Thank you,

    tudorc11

    #8480

    Glad to hear you found the solution bigmoves.

    &quot;tudorc11&quot; wrote:
    I have the same problem. Where should the <object> text be placed?

    I think you have misunderstood. The <object> tag should already be there, that’s what bigmoves was modifying.

    #8481
    Anonymous
    Member

    I added "<param name="wmode" value="transparent">" but no solved in safari. please any other solved

    #8482

    I have a tutorial on this here now … https://geek.hellyer.kiwi/2010/06/11/flash-a … own-menus/

    #8483
    diletanti
    Member

    Same problem. My site is http://diletanti.co.cc

    But i have no embed or object tag.
    As you can see, there is flash animation gallery on right side.

    And there is gallery.php code:

    [code:p21py8os]<!–INITIALIZE SMOOTH GALLERY–>
    <script type="text/javascript">
    function startGallery()
    {
    var myGallery = new gallery($(‘myGallery’),
    {
    timed: true,
    showCarousel: false

    });
    }
    window.addEvent(‘domready’, startGallery);
    </script>

    <?
    global $options;
    foreach ($options as $value) {
        if (get_settings( $value[’id’] ) === FALSE) { $$value[’id’] = $value[’std’]; } else { $$value[’id’] = get_settings( $value[’id’] ); }
    }
    ?>

    <div id="myGallery">
    <?php
    #RETRIEVE THE SMOOTH GALLERY POSTS
    $smoothgallery_posts = new WP_Query("category_name=$theme_featured&posts_per_page=5");

    #DISPLAY SMOOTH GALLERY ELEMENTS
    while($smoothgallery_posts->have_posts())
    {
    $smoothgallery_posts->the_post();

    #RETRIEVE THE SMOOTH GALLERY IMAGE URL
    $picture = get_post_meta($post->ID, ‘featured’, true);

    #RETRIEVE THE SMOOTH GALLERY URL
    $url = get_post_meta($post->ID, ‘url’, true);

    #SMOOTH GALLERY IMAGE URL EXISTS
    if(!empty($picture))
    {
    ?>
    <!– SMOOTH GALLERY ELEMENT – START –>
    <div class="imageElement">
    <h3><?php the_title(); ?></h3>
    <?php the_excerpt(); ?>
    <?php
    #SMOOTH GALLERY URL EXISTS
    if(!empty($url))
    {
    ?>
    <a href="<?php echo $url; ?>" title="Read more" class="open"></a>
    <?php
    }
    #SMOOTH GALLERY URL DOES NOT EXIST – USE POST URL
    else
    {
    ?>
    <a href="<?php the_permalink(); ?>" title="Read more" class="open"></a>
    <?php
    }
    ?>
    <img src="<?php bloginfo(‘stylesheet_directory’); ?>/timthumb.php?src=<?php echo get_post_meta($post->ID, "featured", true); ?>&amp;h=280&amp;w=490&amp;zc=0&amp;q=85" class="full" alt="<?php the_title(); ?>"/>
    <img src="<?php echo $picture; ?>" class="thumbnail" alt="<?php the_title(); ?>"/>
    </div>
    <!– SMOOTH GALLERY ELEMENT – END –>
    <?php
    }
    }
    ?>
    </div>[/code:p21py8os]

    and there is index page code:
    [code:p21py8os]<?php get_header(); ?>

    <div id="container">

    <div id="content">

    <?php include (TEMPLATEPATH . ‘/gallery.php’); ?>

        <div id="ads468">

    </div>

        <div id="latest">
    Latest News
    </div>

        <?php if (have_posts()) : ?>

                   

                                    <?php while (have_posts()) : the_post(); ?>

                                    <div class="post-home">

                                    <h2><a class="posttitle" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>

                                    <div class="date"> Posted by <?php the_author() ?> <?php the_time(‘F j, Y’); ?>, under <?php the_category(‘, ‘) ?> |  <?php comments_popup_link(‘No Comments’, ‘1 Comment’, ‘% Comments’); ?></div>

                                    <div class="thumbnail">

                                   

                                    <?php

    $thumbnail = get_post_custom();

                                            $scrap = get_bloginfo(‘stylesheet_directory’) . ‘/timthumb.php?’;

                                            if (empty($thumbnail[’thumbnail’][0])) {

                                                    $imagpath = $scrap . ‘src=’ . get_bloginfo(‘stylesheet_directory’) . ‘/images/thumbnail.jpg’ . ‘&amp;w=125&amp;h=125&amp;zc=0’;

                                            } else {

                                                    $imagpath = $scrap . ‘src=’ .  $thumbnail[’thumbnail’][0] . ‘&amp;w=125&amp;h=125&amp;zc=0’;

                                            }

                                    ?> 

                                            <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><img src="<?php echo $imagpath; ?>" alt="<?php the_title(); ?>" /></a>

                                           

                                    </div>

                                    <div class="entryhome"><?php excerpt(’37’); ?></div>

                                    <div class="clear"></div>

                                    </div>

           

            <?php endwhile; ?>

                            <?php else : ?>

                                    <?php include (TEMPLATEPATH . ‘/404.php’); ?>

            <?php endif; ?>

                   

            <div id="postnav">

            <?php include(‘wp-pagenavi.php’); if(function_exists(‘wp_pagenavi’)) { wp_pagenavi(); }?>

    </div> <!– end #postnavigation –>

            <div class="clear"></div>

            </div>

                            <?php include (TEMPLATEPATH . "/leftbar.php"); ?> 

      <?php get_sidebar(); ?>

    <div class="clear"></div>

    </div>

            <?php get_footer(); ?>[/code:p21py8os]

    So, where can i put <param name="wmode" value="transparent"> code?

    #8484
    diletanti
    Member

    Sorry, flash animation gallery is on left side.

    #8485
    diletanti
    Member

    forget about it. I found solutions here https://geek.hellyer.kiwi/forum/http://local … ic.php?t=8

    #8486

    That does not look like a Flash gallery to me. That looks a regular run of the mill javascript one.

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.