jQuery image slider
2 posters
Page 1 of 1
jQuery image slider
Need help getting this to work.
MY FORUM:
http://pwpclantheme.goo-board.com/
What I want (VERSION 2):
http://www.alohatechsupport.net/webdesignmaui/maui-web-site-design/create_image_menu_with_jquery.html
As you can see I have it on my forum now but the jQuery isn't working.
MY FORUM:
http://pwpclantheme.goo-board.com/
What I want (VERSION 2):
http://www.alohatechsupport.net/webdesignmaui/maui-web-site-design/create_image_menu_with_jquery.html
As you can see I have it on my forum now but the jQuery isn't working.
blindbat1457- Forumember
- Posts : 667
Reputation : 6
Language : English
Location : Santa Clarita, CA
Re: jQuery image slider
The jQuery scripts need to be linked. Here is version 2...blindbat1457 wrote:Need help getting this to work.
MY FORUM:
http://pwpclantheme.goo-board.com/
What I want (VERSION 2):
http://www.alohatechsupport.net/webdesignmaui/maui-web-site-design/create_image_menu_with_jquery.html
As you can see I have it on my forum now but the jQuery isn't working.
- Code:
<style type="text/css">
.jimgMenu {
position:relative;
margin: 0px 0px 0px 0px;
padding: 0px;
width:475px;
height:200px;
overflow: hidden;
}
.jimgMenu ul {
list-style: none;
margin: 0px;
padding: 0px;
display: block;
height: 200px;
position: relative;
}
.jimgMenu ul li {
width: 95px;
float:left;
display: block;
overflow: hidden;
}
.jimgMenu ul li a {
text-indent: -1000px;
background:#fff repeat scroll 0%;
border-right: 2px solid #fff;
cursor:pointer;
display:block;
overflow: hidden;
height: 200px;
}
.jimgMenu ul li#landscapes a {
background: url(http://www.alohatechsupport.net/CSSFiles/images/landscapes.jpg) repeat scroll 0%;
}
.jimgMenu ul li#people a {
background: url(http://www.alohatechsupport.net/CSSFiles/images/people.jpg) repeat scroll 0%;
}
.jimgMenu ul li#nature a {
background: url(http://www.alohatechsupport.net/CSSFiles/images/nature.jpg) repeat scroll 0%;
}
.jimgMenu ul li#abstract a {
background: url(http://www.alohatechsupport.net/CSSFiles/images/abstract.jpg) repeat scroll 0%;
}
.jimgMenu ul li#urban a {
background: url(http://www.alohatechsupport.net/CSSFiles/images/urban.jpg) repeat scroll 0%;
border-right-style: none;
}
.clear {
clear: both;
}
</style>
<script type="text/javascript" src="http://www.alohatechsupport.net/js/jquery.js"></script><script type="text/javascript" src="http://www.alohatechsupport.net/js/jquery-easing-1.3.pack.js"></script><script type="text/javascript" src="http://www.alohatechsupport.net/js/jquery-easing-compatibility.1.2.pack.js"></script>
<script type="text/javascript" src="http://www.alohatechsupport.net/js/jquery.kwicks-1.5.1.pack.js"></script>
<script type="text/javascript" src="http://yourjavascript.com/101564629/slider.js"></script>
</head>
<body>
<br />
<div align="center">
<div class="jimgMenu">
<ul>
<li id="landscapes"><a href="YOUR LINK HERE">Landscapes</a></li>
<li id="people"><a href="YOUR LINK HERE">People</a></li>
<li id="nature"><a href="YOUR LINK HERE">Nature</a></li>
<li id="abstract"><a href="YOUR LINK HERE">Abstract</a></li>
<li id="urban"><a href="YOUR LINK HERE">Urban</a></li>
</ul>
</div>
</div>
Re: jQuery image slider
Sweet that is perfect thank you
This is solved.
This is solved.
blindbat1457- Forumember
- Posts : 667
Reputation : 6
Language : English
Location : Santa Clarita, CA
Re: jQuery image slider
This topic is closed. Glad to help. LockedRoNo |
General rules Tricks & Tips FAQ listing | For founders who lost their passwords About support requests by PM Announcements & Updates |
Similar topics
» jquery image slider
» Jquery Image Slider
» Jquery slider help
» jQuery slider on Forumotion
» jQuery slider on my forum
» Jquery Image Slider
» Jquery slider help
» jQuery slider on Forumotion
» jQuery slider on my forum
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum