Titles for SlideShows

So I’m working to get the image title/caption from SmugMug displayed under the Slideshow pager buttons. I found that the slideshow lightSlider supports callbacks for events like changing slides.

So far, this has seemed to be working…
(Note – This is extremely experimental. Use at your own risk and don’t expect me to support you if you break your site!)

If you know what you are doing (or are bold and crazy) while in debug mode on your test site try updating wp-content/plugins/photonic/include/scripts/front-end/build/photonic-prettyphoto.js around line 186.

onSliderLoad: function(el) {
  if(!jQuery("#mainTitle").length){
    jQuery( "<h4 id='mainTitle' style='text-align: center; width:100%;'></h4>" ).insertAfter( "ul.lSPager" );
  }
  jQuery('#mainTitle').html(jQuery('#photonic-slideshow-1 li.active img').attr('data-photonic-tooltip')); 
},
onAfterSlide: function (el) {
  if(!jQuery("#mainTitle").length){
    jQuery( "<h4 id='mainTitle' style='text-align: center; width:100%;'></h4>" ).insertAfter( "ul.lSPager" );
  }
  jQuery('#mainTitle').html(" <nbsp/>"+jQuery('#photonic-slideshow-1 li.active img').attr('data-photonic-tooltip')); 
}

• This topic was modified 5 years, 10 months ago by groggu.