Friday 23 August 2013

Put fixed content to flex slider

Put fixed content to flex slider

Does anybody have idea how I can put content to my flex slide:
Flex slider default code:
<div class="wrapper_top">
<div class="flexslider">
<ul class="slides">
<li>
<img src="img/s1.jpg" />
</li>
<li>
<img src="img/s2.jpg" />
</li>
</ul>
</div>
</div>
and I want put for example this div (will be menu)
.wrappertop {width: 1100px; margin: 0 auto;}
.willbemenu{background-color: orange; padding: 10px; text-align: center;}
.empty20{height:20px;}
I try this way and work, but problem is when flex slider make slide, i
need willbemenu div FIXED without sliding.
<div class="flexslider">
<ul class="slides">
<li style="background-image: url(img/s1.jpg);">
<div class="willbemenu">Some option Some option</div>
</li>
</div>

No comments:

Post a Comment