Flexslider |
Flexslider |
Hoku |
Nov 25 2014, 04:52 PM
Post
#1
|
Group: Members Posts: 6 Joined: 25-November 14 Member No.: 21,859 |
Not too sure what I am doing wrong. I am trying to go for something like this : Example
CODE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Page</title> </head> <body> <div class="flexslider"> <ul class="slides"> <li> <img src="slide1.jpg" /> </li> <li> <img src="slide2.jpg" /> </li> <li> <img src="slide3.jpg" /> </li> <li> <img src="slide4.jpg" /> </li> </ul> </div> </body> $(window).load(function() { $('.flexslider').flexslider({ animation: "slide" }); }); </html> |
Frederiek |
Nov 25 2014, 05:25 PM
Post
#2
|
Programming Fanatic Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
Add the jQuery.js and flexslider.js in the HEAD of your page, similar to:
<script type='text/javascript' src="jquery.js"></script> <script type='text/javascript' src="flexslider.js"></script> Be sure to use the correct paths and file names. Download jQuery from http://jquery.com and the flexslider.js from the example link you posted. |
Lo-Fi Version | Time is now: 24th April 2024 - 08:46 PM |