The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Flexslider
Hoku
post 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>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post 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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 24th April 2024 - 08:46 PM