/    Sign up×
Community /Pin to ProfileBookmark

How To Make Jquery Slider Move Automatically

Hi I was wondering if anyone could be of any help in letting me know how to make this jquery slider on this site move automatically instead of the user having to press next. Here is the code bellow:

<html xmlns=”http://www.w3.org/1999/xhtml“>
<head>
<meta http-equiv=”content-type” content=”text/html; charset=utf-8″ />
<title>Fashion</title>
<meta name=”keywords” content=”” />
<meta name=”description” content=”” />
<script type=”text/javascript” src=”jquery/jquery-1.4.2.min.js”></script>
<script type=”text/javascript” src=”jquery/jquery.slidertron-0.1.js”></script>
<link href=”style.css” rel=”stylesheet” type=”text/css” media=”screen” />
<style type=”text/css”>
@import “../FashionAndThenSome/slidertron.css”;
</style>
</head>
<body>
<!– end #header-wrapper –>
<div id=”header”>
<div id=”logo”>
<h1><a href=”../racetrackplayas/index.html”>Fashion</a></h1>
</div>
<div id=”menu”>
<ul>
<li class=”current_page_item”><a href=”#” class=”first”>Homepage</a></li>
<li> <a href=”#”>Blog</a></li>
<li><a href=”#”>Portfolio</a></li>
<li><a href=”#”>About</a></li>
<li><a href=”#”>Contact</a></li>
</ul>
</div>
<!– end #menu –>
</div>
<!– end #header –>
<hr />
<div id=”wrapper”>
<!– end #logo –>
<div id=”slideshow”>
<!– start –>
<div id=”foobar”>
<div id=”slides”>
<div class=”viewer”>
<div class=”reel”>
<div class=”slide”><img src=”images/topshop-banner-new.png” width=”960″ height=”335″ alt=”” /> </div>
<div class=”slide”><img src=”images/Acne_Banner.png” width=”960″ height=”330″ alt=”” /> </div>
<div class=”slide”><img src=”images/banner_1.png” width=”960″ height=”330″ alt=”” /> </div>
</div>
</div>
<div class=”nav”><span><a href=”#” class=”previous”>Previous</a></span> <span><a href=”#” class=”next”>Next</a></span></div>
</div>
</div>
<script type=”text/javascript”>

$(‘#foobar’).slidertron({
viewerSelector: ‘.viewer’,
reelSelector: ‘.viewer .reel’,
slidesSelector: ‘.viewer .reel .slide’,
navPreviousSelector: ‘.previous’,
navNextSelector: ‘.next’,
navFirstSelector: ‘.first’,
navLastSelector: ‘.last’
});

</script>
<!– end –>
</div>

</div>

Any help would be appreciated thanks in advance

to post a comment
HTML

0Be the first to comment 😎

×

Success!

Help @aromasodu spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.27,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...