https://github.com/busypeoples/sliding-boxes

https://github.com/busypeoples/sliding-boxes

Last synced: 18 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/busypeoples/sliding-boxes
• Owner: busypeoples
• Created: 2012-03-16T19:42:13.000Z (over 12 years ago)
• Default Branch: master
• Last Pushed: 2013-09-21T18:01:13.000Z (about 11 years ago)
• Last Synced: 2023-03-22T13:23:32.771Z (over 1 year ago)
• Language: JavaScript
• Homepage:
• Size: 105 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.markdown

Awesome Lists containing this project

README

        
Sliding Boxes

================================

v.1.0.0 

For more info contact [email protected]

In its very basic form, this plugin should help create a video rotation. 

Similair to the gallery rotation approaches out there.

So how do you get started?

Very simple:



    

    


    

      

      


      

        


        


        


        

        

        


        


        

        

        


        

        

          


              
http://www.youtube.com/watch?v=P9spezXhJuU

              
http://www.youtube.com/watch?v=4XWtiaEBFUM

              
http://www.youtube.com/watch?v=GeTkXXSC0kQ&feature=related

              
http://www.youtube.com/watch?v=Dpo8sRF_ciw&feature=related

              
http://www.youtube.com/watch?v=q-GQf2vmB90&feature=related

              
http://www.youtube.com/watch?v=eHUsXVTw-hk&feature=related

              
http://www.youtube.com/watch?v=KiR-mCIAUXY&feature=related

              
http://www.youtube.com/watch?v=UR5ybcorq4I&feature=related

              
http://www.youtube.com/watch?v=4LFwSr64oCQ?sdsa

          

        

        

        

        

      

      

      

    

    



 

add the this at the end of your html code. But add it before the ending body tag!


example:

```

    jQuery(document).ready(function() {

        jQuery("#videoSection")

            .slidingBoxes({'type' : 'videos', 'color' : '#fff', 'bgColor' : '#444' ,

                           'textInput': '', 'content_height' : '500', 'content_width' : '600', 

                           'showbox_bg' : '#666' 

                         });

    });

```