I need HELP CREATING A NAVIGATION BAR LIKE...
Page 1 of 1
I need HELP CREATING A NAVIGATION BAR LIKE...
lIKE for fxpro.com, or html.net or any other ones with fancy dropmenus thanks. Also on fxpro homepage there is a slide show with different pictures coming up one after the other anyone with an idea how i could create such a counting slide of pictures. i noticed each picture links to different page too
Re: I need HELP CREATING A NAVIGATION BAR LIKE...
Their are plenty of tutorials on creating navigation menus. Like this one: http://www.red-team-design.com/css3-dropdown-menu or you could even use a generator: http://www.cssmenumaker.com/As far as the slideshow goes, http://slidesjs.com/ and http://jquery.malsup.com/cycle/ are both pretty simple and easy to work with.
If you have any other questions just ask.
--
~Chris
~Chris
Re: I need HELP CREATING A NAVIGATION BAR LIKE...
chrisf1288 wrote:Their are plenty of tutorials on creating navigation menus. Like this one: http://www.red-team-design.com/css3-dropdown-menu or you could even use a generator: http://www.cssmenumaker.com/
As far as the slideshow goes, http://slidesjs.com/ and http://jquery.malsup.com/cycle/ are both pretty simple and easy to work with.
If you have any other questions just ask.
Thanks a billion i'll check them out.
Re: I need HELP CREATING A NAVIGATION BAR LIKE...
Glad to help :)--
~Chris
~Chris
Re: I need HELP CREATING A NAVIGATION BAR LIKE...
I CHECKed them out and loved what i saw but implementing is now a challenge.I followed the instructions on slidesjs.com homepage because its their example
i was interested in but couldnot implement it or it doesnot work.
I have never used jquery before but i followed the steps and downloaded
a full .js file from jquery.com and attached it to the html codes just as they
said my codes are below but nothing happened.I even put the jquery file into
the same folder as my html codes. I created an img directory put in
4 of my favorite pictures naming them t1 to t4 and used their custom setting.
I really wonder where i could missed it but nothing shows up on my page when
launched. Please i would really be glad if you help out. Thanks
<!doctype html>
<head>
<title>Title</title>
<link rel="stylesheet" type="text/css" href="jquery.css">
<style type="text/css" media="screen">
.slides_container {
width:570px;
height:270px;
}
.slides_container div {
width:570px;
height:270px;
display:block;
}
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="slides.js"></script>
<script>
$(function(){
$("#slides").slides({
preload: true,
preloadImage: '/img/t1.jpg',
play: 5000,
pause: 2500,
hoverPause: true
});
});
</script>
</head>
<body>
<div id="slides">
<div class="slides_container">
<div>
<img src="t1.jpg">
</div>
<div>
<img src="t2.jpg">
</div>
<div>
<img src="t3.jpg">
</div>
<div>
<img src="t4.jpg">
</div>
</div>
</div>
</body>
Page 1 of 1