jQuery image slide not working?
I am new to jQuery and trying to play around with it to get some practice.
I have inserted a jQuery image slider on my local website by using a
source code provided at slidesjs.com but it's not working.
Also, I like to make it more organise so how can I link my jQuery page
with the html if I were to separate all the jQuery out into a new file?
http://jsfiddle.net/3WaWf/1/
Following is what i attempted:
<html>
<header>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="jquery.slides.min.js"></script>
<link rel="stylesheet" type="text/css" href="style2.css"></header>
<style>
/* Prevents slides from flashing */
#slides {
display:none;
}
</style>
<script>
$(function(){
$("#slides").slidesjs({
width: 940,
height: 528
});
});
</script>
<body>
<div class="nav-bar">
<h1 class="logo" style="vertical-align:middle">LogoHere</h1>
<ul class="nav-menu">
<li><a href="index.html" class="action">Action</a></li>
<li><a href="about.html" class="about">Who we are</a></li>
<li><a href="blog.html" class="blog">Blog</a></li>
<li><a href="services.html"
class="services">Services</a></li>
<li><a href="contact.html" class="contact">Get in
touch</a></li>
</ul>
<div id="slides">
<img src="hkslide1.jpg">
<img src="hkslide2.jpeg">
<img src="hkslide3.jpg">
</div>
</div>
No comments:
Post a Comment