2.     var index = 0, hash = window.location.hash;
3.     if (hash) {
4.         index = /\d+/.exec(hash)[0];
5.         index = (parseInt(index) || 1) - 1;
6.     }
7.     var $container = $('#content').cycle(
8.     { 
9.         fx:     'scrollLeft', 
10.         startingSlide: index,
11.         speed:  500, 
12.         timeout: 0, 
13.         pager:  '#nav', 
14.         pagerAnchorBuilder: function(idx, slide) { 
15.             return 'nav li:eq(' + idx + ') a';
16.         },
17.         after: function(curr,next,opts) {
18.             window.location.hash = "!/" + (opts.currSlide + 1);
19.         }
20.     });

This generates links using the slide ID. It works well, but I think it looks messy.

Instead, I would like to to use a custom value from my navigation's href-attribute.

1. <a href="#!/who-we-are">Who we are</a>