[Plugin: NGG Video Extend] Feature request: Not show description in gallery template

Yes it is resolved. But the plugin makes it where you cannot use html in the description field. I believe somehow the plugin should insert it’s own field for video urls instead of using the description field.

I actually came up with an (albeit clumsy) solution to this. Here’s what I did …

1. In the file ngg-video-extend.jss (located in the ngg video extend plugin files) I erased the following code

$(".ngg-gallery-thumbnail span").each(function (arr){
	var theText = $(this).text();
	if(theText.search("[nggvid]") > -1) {
		var theURL = theText.substring(theText.indexOf("[nggvid]")+8, theText.indexOf("[/nggvid]"));
		var theReplacement = theText.replace("[nggvid]" + theURL + "[/nggvid]", "");

		$(this).text(theReplacement);
	}
  });

2. In the file gallery-caption.php (located in the nextgen gallery plugin folder titled ‘view’) I added a class of ‘details’ to the span tag (I also moved the anchor tag over to encompass the span tag). So the whole ngg-gallery-thumbnail-box code looks like this

<div id="ngg-image-<?php echo $image->pid ?>" class="ngg-gallery-thumbnail-box" <?php echo $image->style ?> >
  <div class="ngg-gallery-thumbnail" >
    <a href="<?php echo $image->imageURL ?>" title="<?php echo $image->description ?>" <?php echo $image->thumbcode ?> >
      <?php if ( !$image->hidden ) { ?>
      <img title="<?php echo $image->alttext ?>" alt="<?php echo $image->alttext ?>" src="<?php echo $image->thumbnailURL ?>" <?php echo $image->size ?> />
      <?php } ?>
      <span class="details"><?php echo $image->caption ?></span>
    </a>
  </div>
</div>

3. In the description of the videos I wrapped my [nggvid][/nggvid] code in a span, so the whole description looks something like

<span>[nggvid]http://manisheriar.com/light-of-day/wp-content/uploads/video-gallery/Our-Work/the-love-of-god.mp4[/nggvid]</span>
<h2>Bright Lights Dark City</h2>
<h3>The rising of the sun</h3>

4. Finally, in my theme’s style sheet I add this to hide the ugly shortcode

.ngg-gallery-thumbnail:hover span.details {
	visibility:visible;
}

And that took care of it. It’s a bit annoying b/c now not only do I have to have my client use the shortcode in the description (it should totally have it’s own field I think), but I also have to ask him to wrap it in a div. However, I’m just happy to have a solution, and I’m SUPER grateful for this awesome plugin, small complaints aside. 😉

FYI, for me changing the anchor tag to include the whole caption also has set up a lot more flexibility in styling. On hover over the thumbnail I can have background images and/or description text (ow with html!).

I was so psyched for this to work! However, when I tried it I ran into a couple of problems. First, the video player was the wrong size and no amount of changing the sizes in the above code would change that. (weird!) And secondly in order to get it to work I had to start the title out with “Video:” … since everything in the gallery is a video it doesn’t make sense to have “Video:” at the start of every description.

Sadly I am too much of a javascript moron to know how to fix these two issues! I was feeling pretty proud of myself before for getting this all to work but now that I know someone else has come up with a more elegant solution for the client I want it!

Any chance you can help me figure it out?

THANKS!! 🙂

At first that didn’t do the trick, but somehow after playing around a bit it’s all working … thank you so much! This is MUCH more elegant than having to post the link wrapped in [nggvid] and <span> tags!! 🙂