[Plugin: NextGEN Gallery] Image Description being used as Title and Caption

Toshi Yoshida
(@mikeg9999)

13 years, 4 months ago
I’m having some issues with how NextGEN handles image descriptions, captions and titles.

Titles and captions are generally considered to be short, descriptions long. In gallery-caption.php NextGEN puts the image description into the href title atribute field. The ‘caption’ variable in gallery-caption.php also appears to be set to ‘description’ but thats done somewhere externally. Sticking a big field into ones that are expected to be small gives some interesting results. Given my third issue below is outstanding it seems this occurs in other NextGEN module/s as well.

I think i”ve fixed my two webpage problems with gallery-caption.php (hopefully not causing any knockon effects). My page source issue is unresolved – any thoughts anyone??

Issue 1: The href title attribute = image description. On my gallery thumbnail pages my long image descriptions including their html syntax were visible when hovering the mouse near the thumbnals. Replacing ‘description’ with ‘alttext’ in gallery-caption.php seems to have fixed this.

Issue 2: When using shortcode [nggallery id=x template=caption] because variable ‘caption’ contains the image description my thumbnail captions spanned about 10 lines ruining my thumbnail page layout. Replacing ‘caption’ with ‘alttext’ in gallery-caption.php and styling the formatting a bit seems to have fixed this.

Issue 3: Using view page source shows very long href titles so Issue 1 above exists in some other modules. The example below is from the just 1 of the 10 thumbnails in the NextGEN widget that displays recent gallery additions. Unresolved.

You probably won’t have any of these problems if your image descriptions are short.

Snippet from http://japaneseartsgallery.com view page source showing what happens because of the href title attribute being set to an images description!
```
<h3 class="entry-title dbx-handle plain">Recent Additions</h3>
<div class="ngg-widget entry-content">
<a href="http://japaneseartsgallery.com/wp-content/gallery/toshi-yoshida/toshi-yoshida-the-friendly-garden-triptych.jpg" title="<body>
<table style="text-align: left; width: 500px;" border="0"
 cellpadding="5" cellspacing="2">
  <tbody>
    <tr>
      <td style="text-align: right;">Artist:</td>
      <td>Toshi Yoshida (1911-1995) </td>
    </tr>
    <tr>
      <td style="text-align: right;">Title:</td>
      <td>The Friendly Garden Triptych</td>
    </tr>
    <tr>
      <td style="text-align: right;">Date:</td>
      <td>1980<br>
      </td>
    </tr>
    <tr>
      <td style="text-align: right; vertical-align: top;">Edition:</td>
      <td>"The Friendly Garden" Triptych - Commissioned by the
Franklin Mint. Pencil-signed (in Japanese "kanji") signature reads
"Yoshida Toshi."</td>
    </tr>
    <tr>
      <td style="text-align: right;">Publisher:</td>
      <td>Yoshida Studio
      </td>
    </tr>
    <tr>
      <td style="text-align: right;">Printer:</td>
      <td>Yoshida Studio
      </td>
    </tr>
    <tr>
      <td style="text-align: right;">Carver:</td>
      <td>Yoshida Studio</td>
    </tr>
    <tr>
      <td style="text-align: right; vertical-align: top;">Description:</td>
      <td>Triptych of oversize (approx 10 inches x 19 inches)
prints produced in the Toshi Yoshida studio in Japan. The prints are titled Pine Tree, Bamboo Tree and Plum Tree.<br>
      </td>
    </tr>
    <tr>
      <td style="text-align: right;"></td>
      <td></td>
    </tr>
  </tbody>
</table>
<br>
<br>
<br>
</body>" ><img src="http://japaneseartsgallery.com/wp-content/gallery/toshi-yoshida/thumbs/thumbs_toshi-yoshida-the-friendly-garden-triptych.jpg" width="89" height="60" title="Toshi Yoshida - The Friendly Garden Triptych" alt="Toshi Yoshida - The Friendly Garden Triptych" /></a>
```

Viewing 2 replies - 1 through 2 (of 2 total)

Thread Starter Toshi Yoshida
(@mikeg9999)

13 years, 4 months ago

Hi Alex,
Oops, I see from your sites forum that I should have put
[nggallery id=x template=caption] in backticks when I opened this topic.
I didn’t allow for the fact your site runs NextGEN and so tried to execute the shortcode. Sorry about that.
Mike.
Thread Starter Toshi Yoshida
(@mikeg9999)

13 years, 4 months ago
It was widgets.php causing the huge href title above. I amended the line
$out = '<a href="' . $image->imageURL . '" title="' . $description . '" ' . $thumbcode .'>';
to
$out = '<a href="' . $image->imageURL . '" title="' . $alttext . '" ' . $thumbcode .'>';
The long view page source snippet in my initial post now shrinks to just
```
<h3 class="entry-title dbx-handle plain">Recent Additions</h3>
<div class="ngg-widget entry-content">
<a href="http://japaneseartsgallery.com/wp-content/gallery/toshi-yoshida/toshi-yoshida-the-friendly-garden-triptych.jpg" title="Toshi Yoshida - The Friendly Garden Triptych" ><img src="http://japaneseartsgallery.com/wp-content/gallery/toshi-yoshida/thumbs/thumbs_toshi-yoshida-the-friendly-garden-triptych.jpg" width="89" height="60" title="Toshi Yoshida - The Friendly Garden Triptych" alt="Toshi Yoshida - The Friendly Garden Triptych" /></a>
```
There’s still one more instance of ‘description’ used as an href title instead of ‘title’ according to my view page source. Once thats found and changed they are hopefully are all done.

As I noted in a earlier post if you don’t use long descriptions (especially not with html) you wouldn’t get this problem.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘[Plugin: NextGEN Gallery] Image Description being used as Title and Caption’ is closed to new replies.

Tags