Bxslider

by ben74

HTML

<link rel="stylesheet" href="http://x24.fr/!c/jquery.bxslider.css">
<link rel="stylesheet" href="http://benjaminfontaine.fr/bf.css">
<script src="http://a74.fr/!c/fiddle.js?a&amp;dummy=.js"></script>
    <div id=top></div>
    <div id=bot></div>
    <br>
    <div class=center>
        <div>
            <div class="blur" id=conteneur>
                <div id=typo class=left><a href='#0' class=ombre style='text-shadow:2px 2px 2px #000;'>0</a> - <a href='#10' class=ombre>10</a>

                </div>
                <ul class='bxslider'>
                    <li>
                        <div class='test inline center'>tests
<embed id=coolirisOuter allowScriptAccess=always flashvars='numRows=5&style=black&feed=http://x24.fr/%3Ft%3Dcool%26glob%3D*cv/*' allowFullScreen=true src='http://apps.cooliris.com/embed/cooliris.swf' width='930px' height='500px'/>
                            <br>
                            <img alt='' src='//x24.fr/ic_03.png#crea'><a href="#3"><img alt='' src='//x24.fr/ic_04.png#seo'></a><a href="#1"><img alt='' src='//x24.fr/ic_05.png#prog'></a><a href="#8"><img alt='' src='//x24.fr/ic_08.png#dbchimie'></a><a href='#11'><img alt='' src='//x24.fr/ic_09.png?1#r83'></a><a href="#9"><img alt='' src='//x24.fr/ic_10.png?1#ram'></a>
                        </div>
                    </li>
                    <li>
                        <div class='test inline center'>tests
                           

                        </div>
                    </li>
                    <li>
                        <div class='test inline center'>tests
                            <br>
                            <img alt='' src='//x24.fr/ic_03.png#crea'><a href="#3"><img alt='' src='//x24.fr/ic_04.png#seo'></a>

                        </div>
                    </li>
                    <li>
                        <div class='test inline center'>tests
                        </div>
                    </li>
                    <li>
                       ...

CSS

a img:hover {
    color:#2B0;
    opacity:0.7;
    filter:alpha(opacity=70);
}
/*a:hover img,.test a:hover img{opacity:0.6;filter:alpha(opacity=60);} */

/*
@-moz-document url-prefix(){
  a:hover img{visibility:visible;opacity:1;}
  div:hover ul{visibility:visible;opacity:1;}
  a:hover ul{visibility:visible;opacity:1;}
  a:hover li{visibility:visible;opacity:1;}
  .bxslider{opacity:1;!important}a:hover img{opacity:1;}
}/*= bug for bslider >7 slides
a:hover{visibility:visible;opacity:1;}* 
*/