JQuery orbit slide, jqueryorbit slide

JQuery orbit slide, jqueryorbit slide
Online instance

Default

Thumbnail

With description

Usage

1. <Div class = "wrap" style = "width: 565px; height: 290px; margin: 0 auto;">
2. <Div id = "featured">
3. <A class = "orbit-item" href = "#" data-caption = "# htmlCaption1"> </ a>
5. <A href = "#"> </a>
6. <Div class = "orbit-item" style = "background-color: # eee; text-align: center; line-height: 290px;"> This is an empty div, html code, video, etc. </div>
7. <A href = "#" data-caption = "# htmlCaption3"> </a>
8. </Div>
9. <Span class = "orbit-caption" id = "htmlCaption1"> This is the title of <strong> 1 </strong> slide </span>
10. <Span class = "orbit-caption" id = "htmlCaption3"> is this Batman? </Span>
11. <Span class = "orbit-caption" id = "htmlCaption5"> slides without Links </span>
12. </Div>
13. <Script type = "text/javascript" src = "http://apps.bdimg.com/libs/jquery/1.7.2/jquery.min.js"> </script>
14. <Script src = "js/jquery. orbit. min. js"> </script>
15. <Script>
16. $ (Window). load (function (){
17. $ ('# Featured'). orbit ({
18. 'Bullets': true,
19. 'Captionanimation ': 'slideopen'
20. });
21. });
22. </Script>

Copy Download