I'll start with the first one...

Well, that's a CSS issue, and has nothing to do with Javascript. If I understand you correctly, you want the "tabs" that form the navigation (they currently say "undefined") to go down the page, rather than across?

You just need to change the CSS. Remove "float:left" from .stripNav ul li (main.css line 148 or so)

The easiest way to understand how the code works is to view the source after the browser has rendered it (or via Firebug.)

For five thumbnails across the page:

-- add "padding-left:45px" to .stripNav ul (main.css, line 144)
-- use "width:800px" on .slider-wrapper (main.css, line 99)
-- remove the "style="width: 1420px;"" from #stripNav0 (trial.html)

Thanks for your input, it is too late at night in Europe for me to work on it now.

Ben, I can get the 5 thumnails across the page, no problem, I just can't get the second row underneath. There are no ul li tags in the rendered html source code and it does mention in the css file that the ul is dynamically generated and there are changes to be made in the js file if there are modifications to stripNav.

Eric, that's the second option I mentioned,
http://tenerifeb usinessinformation.com/sliders/trial2.html
is based on this demo
http://css-tricks.com/examples/FeaturedContentSlider/
I can get the second row of thumbnails but I can't get them ligned up with the active tag.

Anyway I have been looking at it for too long (brain overload) and need to decant the whole thing with a little sleep, and maybe I'll find the solution ( or you will!!) tomorrow.

Last edited by virtual (2009-09-26 16:41:31)

I'm not exactly sure... You might need to go back to the original place where you downloaded it, and see if they have any comments on that.  You may try removing this from the JS, but I'm not completely sure if this will break something else.

(ignore the line numbers)

theInterval = function(cur){
8 clearInterval(theInt);
9
10 if( typeof cur != 'undefined' )
11 curclicked = cur;
12
13 $crosslink.removeClass("active-thumb");
14 $navthumb.eq(curclicked).parent().addClass("active-thumb");
15 $(".stripNav ul li a").eq(curclicked).trigger('click');
16
17 theInt = setInterval(function(){
18 $crosslink.removeClass("active-thumb");
19 $navthumb.eq(curclicked).parent().addClass("active-thumb");
20 $(".stripNav ul li a").eq(curclicked).trigger('click');
21 curclicked++;
22 if( 6 == curclicked )
23 curclicked = 0;
24
25 }, 3000);
26 };