HTML Descriptions

May 26, 2012 at 1:05 PM

It would be great if you could provide links in descriptions for images. I have this for one of my slides:

<li>
	<a  title="Powerful Search"  href="/images/screens/search.png">
	    <img src="/images/screens/search_thumb.png" border="0" alt="Search for recipes easily" />
	</a>
	<p>Use our <a href="blah">Search</a></p>
</li>

Which confuses the gallery. On line 267 or v1.2.7, you just need to add the option to specificy a class name for anchors. Eg:

var context = this;
      this.images = [];
      var thumbs_loaded = 0;
      var thumbs = this.thumbs_wrapper.find('a');
      var thumb_count = thumbs.length;
      if(this.settings.thumb_opacity < 1) {
        thumbs.find('img').css('opacity', this.settings.thumb_opacity);
      };
Changes to (highlighted)

var context = this;
      this.images = [];
      var thumbs_loaded = 0;
      var thumbs = this.thumbs_wrapper.find('a.thumb');
      var thumb_count = thumbs.length;
      if(this.settings.thumb_opacity < 1) {
        thumbs.find('img').css('opacity', this.settings.thumb_opacity);
      };
This does not interfere with the gallery.