Javascript

1. $(function(){
2.     $('.scrollErea').bgscroll();
3. });

HTML

1.  
2. <div class="scrollErea">
3.  
4. </div>
5.  

CSS

1.  
2. .scrollErea {
3.     height: 300px;
4.     background: url('/storage/samples/bg/photoxpress_1371137.jpg');
5. }
6.  

Javascript

1. $(function(){
2.     $('.scrollErea2').bgscroll({
3.         scrollSpeed:10,
4.         direction:'d'
5.     });
6. });

HTML

1.  
2. <div class="scrollErea2">
3.  
4. </div>
5.  

CSS

1.  
2. .scrollErea2 {
3.     height: 300px;
4.     background: url('/storage/samples/bg/photoxpress_3405047.jpg');
5. }
6.  

Javascript

1. $(function(){
2.     $('.scrollErea3').bgscroll({
3.         scrollSpeed: 30,
4.         direction:'v'
5.     });
6. });

HTML

1.  
2. <div class="scrollErea3">
3.  
4. </div>
5.  

CSS

1.  
2. .scrollErea3 {
3.     height: 300px;
4.     background: url('/storage/samples/bg/photoxpress_3651315.jpg');
5. }
6.