General Support: Removing the Ugly Filenames

I did something simular, but added a <div> instead of a <br> for the text:

$output .= '<div class="thumbtitle">'.$row["caption"].'</div>';

.thumbtitle {
display:block;
clear:both;
margin-top:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
}

I'm not sure if this is possible but this is what I was wondering... I changed my gallery to display the caption instead of the filename, but that caused a problem. Some of my captions are long and cause the thumbnails to be scattered around the page. My question is, is it possible to keep the long caption and just have it display only a portion of the caption if it is too long. For example: if my caption reads "once upon a time, in a land far far away" i would like it to shorten it under the thumbnail such as "once upon a time..." but still have the actual caption the correct length. Is that possible or asking too much. Thanks for any input.

Is there a way to force comments to wrap so that they don't affect the horizontal spacing of the thumbnails? Obviously the comments would have to be small or it'd look bad, but two or three lines would be okay.

I can suggest slightly different and, as it seems, simpler solution:

// Override default thubnail file name with optional caption
$filename = $filename_short = $row["caption"] ? $row["caption"] : basename($row["path"]);

// Create a substringed version of the $filename
if (strlen($filename) > $config["truncate"] && $config["truncate"] != 0)
$filename_short = substr($filename, 0, $config["truncate"])."...";

// Enclose that thumbnail text into div with defined class name (just like in jack's case)
$output .= '<div title="'.$filename.'" class="thumbnail_text">'.$filename_short.'</div>';

// Add thumbnail_text class to gallery.css for full control (including display)
/* Thumbnail text */
.thumbnail_text {
color: #AAAAAA;
font-size: 0.8em;
cursor: default;
}

This way the length of that thumbnail text string will still be relying on the original file name truncating mechanism but the user will gain full control over its appearance. Clean and simple :)

Also, since we are on the subject of the gallery.css, check out my version of that: http://www.informity.com/gallery/css/gallery.css - I reorganized it for my gallery http://www.informity.com/gallery/ - with the exception of two-three custom classes, that file should be pretty consistent with the original but perhaps the one easier to work with.

Mortum, when I try your code, the comment and/or file names can still be wider than the thumbnails. Did I do something wrong? I added the following right after line 430 in gallery.php:

// Override default thumbnail file name with optional caption
$filename = $filename_short = $row["caption"] ? $row["caption"] : basename($row["path"]);

// Create a substringed version of the $filename
if (strlen($filename) > $config["truncate"] && $config["truncate"] != 0)
$filename_short = substr($filename, 0, $config["truncate"])."...";

// Enclose that thumbnail text into div with defined class name
$output .= '<div title="'.$filename.'" class="thumbnail_text">'.$filename_short.'</div>';

Example at http://pictures.teamgenesisracing.com/index.php?level=album&id=5

ttyR2, try using a smaller truncate value in the admin panel for filenames (e.g. 8 or 10). Also, &hellip; is an HTML entity for an ellipsis "...", for those that care.

Regards,
Derek

gallery.php handles the intermediate view. You shouldn't have to change anything -- the caption should appear in its entirety already, as above Mortum (rightly) never changes the actual caption value.

Regards,
Derek

mortum, your fix worked great. thanks!

i'd like to have the description wrap below the image instead of having to truncate it. how can i do that?

ttyR2,

On line 193 of gallery.php, cut this:

<td style="text-align: right;">
<h2 id="picture_caption">';

$output .= (trim($row["caption"]) != '') ? stripslashes($row["caption"]) : '';

$output .= '
</h2>
</td>

Add this AFTER line 212:

<tr><td style="text-align: center;">
<h2 id="picture_caption">';

$output .= (trim($row["caption"]) != '') ? stripslashes($row["caption"]) : '';

$output .= '
</h2>
</td></tr>

I think that should do it, if not, post and I'll take another look.

Regards,
Derek

Mortum,

How did you get the Full size picture to stay within your website. I can't seem to figure out how to get the full size image not to open in a plain white window.

Thanks

Got it, thanks

I'm a little confused. Can this:

if ($row['caption'] == "") {
$output .= $filename . '<br />';
} else {
$output .= stripslashes ($row['caption']) . '<br />';
}

be added to completely remove the file name, even if I don't have captions? I tried adding it, and nothing happened. How do I fix this?

Sorry, where do I put that? I tried adding it and got an error.

Cyndi

hi guys,
I can't find the code that you're refering to in the gallery.php to remove my filenames. I upgraded to 3.0 and the filename is already removed.

thank you,
waely

Ummm I read through this thread but am still a little confused. I'm no coder but I can do basic stuff. I want to get rid of the filename completely...would love to be able to change it, but thats not really necessary. What code would I use to completely remove the filename?

Thanks,
Kate

Now, how to remove it from the breadcrumbs at the top...

(EDIT) Found it - around line 744 remove this line: <b>'.$picture_name.'</b>