Материал № 3359

 

<link rel='stylesheet' href='//delaisait.ucoz.ru/script/sluder/2014/flexslider/flexslider.css' type='text/css' media='all' />
<link rel='stylesheet' href='//delaisait.ucoz.ru/script/sluder/2014/flexslider/public.css' type='text/css' media='all' />
<script type='text/javascript' src='//delaisait.ucoz.ru/script/sluder/2014/flexslider/jquery.flexslider-min.js'></script>
<style>
#metaslider.flexslider li {
margin-right: 5px !important;
}
#ds-flexslider {
max-width:100%;
margin:0 auto;
}
</style>
<div id="ds-flexslider" class="metaslider metaslider-flex">
<div id="metaslider_container">
<div id="metaslider" class="flexslider">
<ul class="slides">
<li style="display: none;">
<a href="#" target="_blank">
<img src="//delaisait.ucoz.ru/script/sluder/2014/flexslider/947677767.jpg" alt="Девушка Эльф" />
</a>
<div class="caption-wrap">
<div class="caption">Девушка Эльф</div></div>
</li>
<li style="display: none;">
<a href="#" target="_blank">
<img src="//delaisait.ucoz.ru/script/sluder/2014/flexslider/769128589.jpg" alt="Девушка в чёрном" />
</a>
<div class="caption-wrap">
<div class="caption">Девушка в чёрном</div></div>
</li>
<li style="display: none;">
<a href="#" target="_blank">
<img src="//delaisait.ucoz.ru/script/sluder/2014/flexslider/378189360.jpg" alt="Девушка в красном" />
</a>
<div class="caption-wrap">
<div class="caption">Девушка в красном</div></div>
</li>
<li style="display: none;">
<a href="#" target="_blank">
<img src="//delaisait.ucoz.ru/script/sluder/2014/flexslider/84040181.jpg" alt="Девушка в свадебном платье" />
</a>
<div class="caption-wrap">
<div class="caption">Девушка в свадебном платье</div></div>
</li>
<li style="display: none;">
<a href="#" target="_blank">
<img src="//delaisait.ucoz.ru/script/sluder/2014/flexslider/572570776.jpg" alt="Девушка с бабочкой" />
</a>
<div class="caption-wrap">
<div class="caption">Девушка с бабочкой</div></div>
</li>
</ul>
</div>
</div>
</div>
<script>
$(document).ready(function () {
$('#metaslider').flexslider({
slideshowSpeed:3000,
animation:'slide',
controlNav:true,
directionNav:true,
pauseOnHover:true,
direction:'horizontal',
reverse:false,
animationSpeed:600,
prevText:"<",
nextText:">",
easing:"linear",
slideshow:true,
itemMargin:5,
useCSS:true
});
});
</script>

 

• 
  Девушка Эльф
• 
  Девушка в чёрном
• 
  Девушка в красном
• 
  Девушка в свадебном платье
• 
  Девушка с бабочкой

 

GERASIMOVA.UCOZ.RU

Каталог статей - Учительский портал - Разное - резиновый слайдер

Материал № 3359

Нравится