pk_noobslide controls

[michelle]

Anyone know of an easy way to put the slide controls above the content being "slid" using pk_noobslide?
I would like to use it for a school manual where each topic gets slided to the next topic. But I'd like to have the controls at the top (and it would be fabulous if there could be the option of showing the headline of the element in the element controls instead of the numeric id for a stupendous navigational item!) so that people don't have to read the whole content to get to the slide they are looking for.
I have done some basic custom templates, but this one is really kicking my butt. I don't know jQuery at all, so I'm lost. Which file am I wanting to copy and customize?

[Andreas]

It's not build on jquery but on MooTools.

Try to modify template ce_noobslide_end.

Output looks something like this (indented)

var controlDiv = new Element('div', {
  'class': 'control_buttons'
}).inject(document.getElement('#kaipoNoobSlider'));
for (var i = 1; i <= 7; i++){
  new Element('span', {
    'class': 'ce_noobSlide_button ce_noobSlide_controls',
    html: i
  }).inject(document.getElement('#kaipoNoobSlider .control_buttons'));
}

BTW this is bad mootools this part should look something like that

var controlDiv = new Element('div.control_buttons').inject('kaipoNoobSlider');
for (var i = 1; i <= 7; i++){
  new Element('span', {
    class: 'ce_noobSlide_button ce_noobSlide_controls',
    html: i
  }).inject(controlDiv);
}

Then you can use the 'where' argument to inject on top http://mootools.net/docs/core/Element/E ... ent:inject

At this point 'html: i' you can try to put your desired text. (why ist there 'html'? you can simply use 'text'). This will be the difficult part for you, maybe you find someone who will code it for you. Try to get all headlines first and use the 'i' as index to get the right text of your headline.

[michelle]

Thanks for your time and response. I ended up moving the controls to the top of the page using CSS.
Selector: div.noobbuttons and an absolute position worked for me.

[thyon]

You can also use the preview elements. They are place above, eg like tabs.

[michelle]

I have seen that mentioned on the German forum, but don't I see it on my installation. I think I'm using a way earlier version. I'm looking into updating.
Thanks so much!