jquery - Binding Flexslider to outside div? -

i wondering if it's possible bind flexslider events outside divs? i'm looking way bind outside

or change based on picture being viewed (a description precise.)

is possible?

thanks in advance.

you can in way:

html:

<div id="slider" class="flexslider">     <ul class="slides">         <li>             <img src="slide-1.jpg" /><!-- image/slide -->             <span>description 1</span><!-- description -->         </li>         <li>             <img src="slide-2.jpg" /><!-- image/slide -->             <span>description 2</span><!-- description -->         </li>     </ul> </div> 

css:

.slides {     position: relative; }  .slides li span {     width: 500px;     height: 40px;     position: absolute;     bottom: - 50px; } 

you can position slide li span(description) ever want. change positions of element. if want place description in relative bodythen remove position: relatviefrom .slides.

fiddle example