Slide titles with thumbnails

[unwrittendevin]

Hi All,

I'm looking to append the slide title in my thumbnail navigation. I am using the WordPress Orbit Slider plugin, and have created a few demo slides to test out my slider.

I have modified the javascript to display a element instead of the background image or plain jane bullet nav, but I don't know which variable to insert to display the title, or if a new variable would have to be created to track the title from my WordPress custom post type.

Here is my code for what I have altered

 addBullet: function (index, slide) {
      var position = index + 1,
          thumbName,
          self = this,
          $li = $('<li><button class="btn"><i class="icon icon-play pull-right"></i>' 
          + "I want the slide title here"  
          + '</button></li>');
if (this.options.bulletThumbs) {
            thumbName = $(slide).attr('data-thumb');
            if (thumbName) {
          $li
            .addClass('has-thumb')
            //.css({});
            }
        }
        this.$bullets.append($li);
        $li.data('index', index);
        $li.click(function () {
            self.stopClock();
            self.$element.trigger('orbit.goto', [$li.data('index')])
        });
    },

Any help would be greatly appreciated!

[ameliapower]

Did you get this to work? I am trying to do the same thing—to get bullets to display as thumbnails with the title and hover state.

Appreciate any help.