bonjour, alors voila, j'aimerais mettre la gallerie flash simpleviewer sur une page web. Juste en dessous se trouverais un menu déroulant vers le haut.
Malheureusement le menu refuse de s'ouvrire, il passe sous le flash. si j'enleve le flash hop le menu marche.
Bref, j'ai lus et relus
la solution : <param name="wmode" value="transparent">
avec quelque chose du type : ajoutent le paramètre suivant au EMBED tag :
wmode="transparent"
Et alors que même après avoir longuement galérer pour créer le menu vers le haut, là j'arrive pas a incorporer ces éléments.
Je pense mal le faire parce que si je le place là ou je pense être le plus judicieux... bah le flash disparait.
si quelqu'un à une solution !! merciiiiiiiiiiiii
Malheureusement le menu refuse de s'ouvrire, il passe sous le flash. si j'enleve le flash hop le menu marche.
Bref, j'ai lus et relus
la solution : <param name="wmode" value="transparent">
avec quelque chose du type : ajoutent le paramètre suivant au EMBED tag :
wmode="transparent"
Et alors que même après avoir longuement galérer pour créer le menu vers le haut, là j'arrive pas a incorporer ces éléments.
Je pense mal le faire parce que si je le place là ou je pense être le plus judicieux... bah le flash disparait.
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>galerie</title>
<!-- Download AutoViewer at www.airtightinteractive.com/projects/autoviewer -->
<script type="text/javascript" src="swfobject.js"></script>
<link rel="stylesheet" type="text/css" href="jdMenu.css" media="screen">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.dimensions.js"></script>
<script type="text/javascript" src="jquery.jdMenu.js"></script>
<script type="text/javascript" src="jquery.jdMenu.packed.js"></script>
<style type="text/css">
/* hide from ie on mac \*/
#flashcontent {
width: 480px;
height: 495px;
}
/* end hide */
body {
width: 480px;
padding: 20;
background-color: #ffffff;
color:#333333;
font-family:sans-serif;
}
p {
width: 480px;
}
</style>
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->
</head>
<body>
<div id="flashcontent">
</div>
<object
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,79,0"
id="viewer"
width="480" height="495"
>
<param name="scr" value="viewer.swf">
<param name="wmode" value="transparent">
<embed
wmode="transparent"
<noembed>
</noembed>
</embed>
</object>
<script type="text/javascript">
var fo = new SWFObject("viewer.swf", "simpleviewer", "480", "495", "8", "#ffffff");
//Optional Configuration
fo.addVariable("langOpenImage", "Open Image in New Window");
fo.addVariable("langAbout", "About");
fo.addVariable("preloaderColor", "0x999999");
fo.write("flashcontent");
</script>
<ul class="jd_menu ">
<li class="current">
<a class="accueil" href="#a"></a>
<ul>
<li>
<a href="#a"></a>
</li>
<li>
<a href="#a"></a>
</li>
<li>
<a href="#a"></a>
</li>
<li>
<a href="#a"></a>
</li>
</ul>
</li>
<li class="current">
<li>
<a class="accueil" href="#"></a>
<ul>
<li>
<a href="#aa"></a>
</li>
<li>
<a href="#aa"></a>
</li>
<li>
<a href="http://www.google.fr"></a>
</li>
</ul>
</li>
</li>
<li class="current">
<li>
<a class="accueil" href="#"></a>
<ul>
<li>
<a href="#aa"></a>
</li>
<li>
<a href="#aa"></a>
</li>
<li>
<a href="http://www.google.fr"></a>
</li>
<li>
<a href="#aa"></a>
</li>
</li>
</ul>
</li>
</ul>
</body>
</html>ul.jd_menu {
position: relative;
margin: 0px;
padding: 0px;
height: 23px;
width: 400px;
list-style-type: none;
}
ul.jd_menu ul {
display: block;
}
ul a.accueil{
background: url(menu.jpg) no-repeat;
width:95px;
height: 23px;
display: block;
}
ul a.portefolio{
background: url(menu.jpg) no-repeat;
display: block;
width:95px;
height: 23px;
}
ul.jd_menu a,
ul.jd_menu a:active,
ul.jd_menu a:link,
ul.jd_menu a:visited{
text-decoration: none;
color: #FFF;
}
ul.jd_menu li {
float: left;
font-family: Tahoma, sans-serif;
font-size: 1px;
padding: 0;
cursor: pointer;
white-space: nowrap;
text-align: center;
color: #FFF;
}
ul.jd_menu li.jd_menu_hover_toolbar {
color: #FFF;
}
ul.jd_menu a.jd_menu_hover_toolbar {
color: #FFF;
}
/* -- Style du sous menu -- */
ul.jd_menu ul {
position: absolute;
display: none;
list-style-type: none;
margin: 0px;
padding: 0px;
}
ul.jd_menu ul li {
float: none;
margin: -39px 0 8px 0;
padding: 2px 10px 4px 4px;
width: 76px;
height:9px;
background: url(sous_menu.jpg);
display: block;
z-index:99;
}
ul.jd_menu ul li.jd_menu_hover {
background: url(sous_menu.jpg);
}
ul.jd_menu ul a,
ul.jd_menu ul a:active,
ul.jd_menu ul a:link,
ul.jd_menu ul a:visited {
text-decoration: none;
}
ul.jd_menu ul a.jd_menu_hover {
color: #FFF;
}
.flashcontent{
z-index:90;
position:relative;
}
si quelqu'un à une solution !! merciiiiiiiiiiiii
