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://x24.fr/!c/fiddle.js?a&amp;dummy=.js"></script>
<body>
<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'>    
    <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' style='background:#F07;'>
    
    <a href="#3"><img alt='' src='//x24.fr/ic_04.png#seo'></a>
		</div>
    </li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		
</ul><br>

</div>
</div></div>

<div id=d2 style='position:fixed;top:0px;'></div>

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;}* 
*/

JavaScript

function hash(){
  if(window.location.hash){if(typeof(slider)!='object')return;
    has=window.location.hash.substring(1);if(!isNaN(has)&& has!=curslide){clog(has);slider.goToSlide(has);curslide=has;}}
}//else console.log(has,curslide,typeof(slider));


//jQuery.noConflict();//
function buildslider(x){
  if(typeof(slider)=='object')return;var y=$('.bxslider');clearInterval(sii);//console.log(y,x+':'+typeof(slider)+slider);
  slider=y.bxSlider({mode:'horizontal',speed:500,adaptiveHeight:true,controls:true,pager:true,touchEnabled:false});
  //if(typeof(slider)!='object')slider=1;//clog('slider:'+typeof(slider));
}
function bxinit(){
  $(document).ready(function(){buildslider('docre'+gt(2));});
  jQuery(document).ready(function($){buildslider('jquer'+gt(3));});
}//,startSlide:ss,auto:true,autoControls:true

var has,curslide=0,siH=setInterval("hash()",200);
//var sii=setInterval("bxinit()",200);