Before and After Image Swiper doesn't work

How do I add a before & after image swiper? I copied and pasted the code from “Weight-loss Programing”: http://themes.semicolonweb.com/html/canvas/demo-gym.html but it doesn’t work :-(

Any advice?

Weight-loss Programing

Compellingly generate interactive mindshare without intermandated quality vectors. Professionally implement ethical.

Register Now

![attachment](demos/gym/images/compared-img/1_1.jpg)

![attachment](demos/gym/images/compared-img/1_2.jpg)

	
	

	
	
- 
	
- 
	
- 
	
- 
	
- 
	
- 
	
- 

	
- 
	

	
	Billy Bob Engineering | We get it done!

	
	

		
		 

			

				

					

					
					
						[
![attachment](images/logo.png)
](index.html)
						[
![attachment](images/logo@2x.png)
](index.html)
					

					
					
						
					
								
- [Home](index.html)
								
- [About us](u.html)
								
- [Service](le.html)
								
- [Let's Talk](#)
								
								 
- [Project](wa.html)
								
- [We get it done](#)
								
- [Test 2](#)    
                                
                               
								
- [test2](#)
							

					

				

			

		
		
		
		
		
		
		Sicherheit, stabilität, privatsphäre!
		
		
 Hello test text **OK** OK.

		
		
		
![attachment](images/icon.png)

		
	
	
	
	

		
		

			
			
			
					
					
Lorem ipsum dolor sit amet, usu rebum accusam ex, habeo dissentias no vel. Nam at congue adolescens. Ad feugiat iracundia vel, at congue option scripta pri. An prima atomorum cum. Possit appetere eu pro, ea commodo prompta sed. Ei quo suscipit invidunt, ad sed albucius maiestatis. Quem lorem vulputate nam ne.
					Ei duo brute ullum prodesset, pri ei quem enim doctus, ei aperiam deserunt ius. Pri ut vero noluisse vulputate, ceteros insolens mea te. Per eu saperet labores reprimique, vis no dignissim dissentiunt necessitatibus. Vocent elaboraret id has. His ex regione tacimates, ut mei dicunt sensibus dissentias. Vix affert munere eu, quidam admodum laboramus id has. Postea percipit vix an.
					Has ex prima persius, brute admodum senserit te pro. Ne tibique accusamus dignissim nam. At consul altera percipit qui. Pri tritani honestatis no, has ad viderer commune.

					
					
				
				
				
				
				
				
				Weight-loss Programing
				
				
Compellingly generate interactive mindshare without intermandated quality vectors. Professionally implement ethical.

				Register Now
				
				
				
				
			
![attachment](demos/gym/images/compared-img/1_1.jpg)

			
![attachment](demos/gym/images/compared-img/1_2.jpg)

		
		
		
		
		
			

		

		

			

				
				

			

			
			
					
				
				Copyrights © 2019 Canvas Theme.[Legal Notice](#) / [Privacy](#)
			
			

		

	

	
	

	
	
	

	
	

Never mind, I fixed it :-).

Turned out I was missing /foundation.css, external javaScripts, and:

    $(function(){
      $(".twentytwenty-container[data-orientation!='vertical']").twentytwenty({default_offset_pct: 0.7});
      $(".twentytwenty-container[data-orientation='vertical']").twentytwenty({default_offset_pct: 0.3, orientation: 'vertical'});
    });