Comments on: How to Create Your Very Own “Archive Navigator”

By: Best of the Web – April | Tut Free

Best of the Web – April | Tut Free — Wed, 20 Apr 2011 15:05:35 +0000

[...] Visit Tutorial [...]

By: Sam Lu

Sam Lu — Sat, 24 Apr 2010 16:48:16 +0000

The syntax looks fine to me but it’s hard to troubleshoot without seeing this in action. Do you have a demo of this online somewhere?

By: Jetz

Jetz — Sun, 11 Apr 2010 12:24:27 +0000

Hello, I tried using this type but seems like it doesn’t work on firefox old and on the latest version, It works on IE and googlechrom but I just don’t know why it won’t slide on firefox.. >> Heres the script >>>
_____________________________________________________

$(document).ready(function() {

$(“#nav1″).click(function() {
$(“.widearea”).animate({
marginLeft: “0px”
}, 300);

});

$(“#nav2″).click(function() {
$(“.widearea”).animate({
marginLeft: “-760px”
}, 300);
});

$(“#nav3″).click(function() {
$(“.widearea”).animate({
marginLeft: “-1520px”
}, 300);
});

$(“#nav4″).click(function() {
$(“.widearea”).animate({
marginLeft: “-2280px”
}, 300);
});

$(“#nav5″).click(function() {
$(“.widearea”).animate({
marginLeft: “-3040px”
}, 300);
});

$(“#nav6″).click(function() {
$(“.widearea”).animate({
marginLeft: “-3800px”
}, 300);
});
});

By: sandrar

sandrar — Thu, 10 Sep 2009 22:50:10 +0000

Hi! I was surfing and found your blog post… nice! I love your blog. Cheers! Sandra. R.

By: MENU DE ABAS COM CONTEÚDO DESLISANTE

MENU DE ABAS COM CONTEÚDO DESLISANTE — Thu, 06 Aug 2009 12:53:21 +0000

[...] completa que pode ser adaptada por você bastando ter algum conhecimento de html e css. Neste outro site você encontrará uma documentação mais detalhada com exemplos de códigos. Slider.js criando [...]

By: Creating the Coda-Slider with jQuery - Tutorial Collection

Creating the Coda-Slider with jQuery - Tutorial Collection — Sun, 07 Jun 2009 21:06:11 +0000

[...] View Tutorial No Comment var addthis_pub=”izwan00″; BOOKMARK This entry was posted on Monday, June 8th, 2009 at 2:36 am and is filed under Javascript Tutorials. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site. [...]

By: NAF

NAF — Thu, 21 May 2009 00:52:01 +0000

Hey, what would be the simplest way to replace the browser buttons with linked images? Thanks.

By: Sam Lu

Sam Lu — Thu, 26 Mar 2009 04:21:44 +0000

Hi Mike,
I think your problem may stem from the href you assign to your links. Try changing your href for your links like so:

href=“javascript:;” rel=“nofollow”>Shows

Change all your links’ href to javascript:; and it might fix it.

By: Mike

Mike — Wed, 25 Mar 2009 01:35:11 +0000

Whoops! Maybe a description of the issues might help…

I used my own links to access the panels which could be where the problem is coming from. When I click the different links, the animation effect works but it overshoots the targeted panel. If I click the same link again, it will bring up the correct panel but will not animate. Any ideas?

By: Mike

Mike — Wed, 25 Mar 2009 01:32:39 +0000

Hi Sam, First I want to thank you for this great tutorial. Second, I’ve encountered a small hiccup when trying to implement your strategy into a site I’m working on. I’m not sure if it has to do with the fact that instead of 3 panels, I am using 5 or if I messed up a number somewhere while modifying it to fit my needs.

If you or another willing helper could take a look, I would greatly appreciate it. I’m still pretty new to this stuff so I’m not sure how to troubleshoot. The site is at http://www.mikegolofaro.com/TSGD/TSGD/index.html

Thank you so much for any help you might be able to provide!