they are using the wordpress build-in gallery shortcode, probably with a small edit in the code.
general approach, see:
http://ww.wp.xz.cn/support/topic/edit-gallery-shortcode?replies=8
in your case:
replace:
$output .= "<{$itemtag} class='gallery-item'>";
$output .= "
<{$icontag} class='gallery-icon'>
with:
$output .= "<{$itemtag} class='gallery-item'>";
static $img_number;
$output .= "<div class='imageNum'><span>".$img_number++."</span></div>";
$output .= "
<{$icontag} class='gallery-icon'>
the rest is css for styling, new classes:
.imageNum { ... }
and
.imageNum span { ... }
Okay, I updated my code on my mirror test site and I was able to get a generic image # below the image. However my goal here is not only to do that but to allow the user to comment on a specific image by referring to it in their comment. If you refer to the site I mentioned and scroll to the comments you will see what I mean.
A user can say #1 and then a thumb of that image will automatically be added to their comment.
I don’t see how to add that functionality given your tutorial. Unless I am misunderstanding something.
You can see by adding the code and making the recommended change what I have achieved. http://brandonjkidd.com/testpress/?p=336
Also there is a plugin called Image Counter that adds an image # to the image and does some nice styling as well. Could I use that to in conjunction with some custom code to achieve my goal here?
(@bkidd85)
14 years, 11 months ago
I am looking for a way to tag images using their identifier (#2 – some text comment).
The idea is to tag the image using the # and once published it would populate the image in the comments field.
I have seen this on a site that uses intense debate as a comment handler, however I cannot find the specific plugin that adds that functionality.
You can see an example of exactly what I am talking about here – TheChive
Scroll to the comments.
Any help would be awesome!