The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

jQuery image slider

View previous topic View next topic Go down

Solved jQuery image slider

Post by blindbat1457 on April 6th 2011, 10:16 am

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.

blindbat1457
Forumember

Male Posts : 667
Reputation : 6
Language : English
Location : Santa Clarita, CA

Back to top Go down

Solved Re: jQuery image slider

Post by RoNo on April 6th 2011, 1:15 pm

@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.
The jQuery scripts need to be linked. Here is version 2...
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>

RoNo
Active Poster

Male Posts : 1270
Reputation : 135
Language : English
Location : Laguna Beach, California

http://bf2mercenaries.forumotion.com/

Back to top Go down

Solved Re: jQuery image slider

Post by blindbat1457 on April 6th 2011, 9:18 pm

Sweet that is perfect thank you Smile

This is solved.

blindbat1457
Forumember

Male Posts : 667
Reputation : 6
Language : English
Location : Santa Clarita, CA

Back to top Go down

Solved Re: jQuery image slider

Post by RoNo on April 6th 2011, 9:35 pm


RoNo
Active Poster

Male Posts : 1270
Reputation : 135
Language : English
Location : Laguna Beach, California

http://bf2mercenaries.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum