Add Alt Text to Linked Images by BOP5 (VB 4.1.10+)

[BirdOPrey5]

Brought to You by BirdOPrey5 / Qapla.com (http://www.qapla.com/mods/)

Current Version: 1.5

This is the Standard Version. The GOLD Version is FREE but available only from:
Qapla.com - Add Alt Text GOLD VB4 by BOP5 Mod (http://www.qapla.com/mods/showthread.php/287-Add-ALT-andor-TITLE-text-to-linked-images-in-VB4-by-BOP5)

The GOLD edition has 1 additional feature: Smart Tagging
Smart Tagging will check the filename of an image for useful information. If the mod believes the filename can be useful to describing the image it will use a cleaned and formatted version of the filename as the alt or title text. If the mod sees that the filename is all numeric, or a common digital camera format, or a vbulletin attachment filename it will instead use the thread title as the alt/title text for the image.

The Standard edition has only 3 options for alt or title text, each of which can be set independently. - Use Filename, Use Thread Title, or use both Filename AND Thread Title to create the tag.

The purpose of this mod is to automatically add "alt" and / or "title" tags to linked images in vBulletin forums.

By default vBulletin leaves the alt tag blank on all linked images. However image searches like Google scan for alt and/or title tags to determine what the image is and having these tags can increase your SEO in regards to images and perhaps regular SEO as well.

It can also benefit visually impaired users who may be using a screen reader.

Demo: http://www.qapla.com/mods/showthread.php/142-Linked-Image-Alt-Text-Demo?p=325#post325

VB 4.1.10+ Preferred. No manual file edits necessary.
VB 4.0.0 - VB 4.1.9 - 1 manual file edit required. Directions in .zip.

Please Mark as Installed if you use this. :)
Donations always appreciated. :up:

[BirdOPrey5]

Reserved.

[Merjawy]

Nice,...

Will check it out. Thanks

[fizzow]

Will this mod work if members upload images via 3rd party image hosting like Photobucket?

[datoneer]

Why only 4.1.10 i want this mod, can you make it work for 4.1.8 please. Thanks

[OldSchoolDSL]

Why only 4.1.10 i want this mod, can you make it work for 4.1.8 please. Thanks

4.1.8 was very troublesome for many modifications (buggy as all hell).

4.1.10 re-does alot of the style vars.

You're best to upgrade (my option)

[BirdOPrey5]

Will this mod work if members upload images via 3rd party image hosting like Photobucket?

Looking at this example URL from Photobucket:

http://i170.photobucket.com/albums/u267/bcblondie05/Bunny.jpg


It appears Photobucket does keep the original file name *Bunny" in this case, so yes it should work with Photobucket uploaded images.

Why only 4.1.10 i want this mod, can you make it work for 4.1.8 please. Thanks

Because the hook used by this mod was introduced in version 4.1.10, the only way it would work on older versions is with a manual file edit.

If you want to try in 4.1.8 you will need to edit your file /includes/class_bbcode.php

Find the function:


function handle_bbcode_img_match($link, $fullsize = false)
{
$link = $this->strip_smilies(str_replace('\\"', '"', $link));

// remove double spaces -- fixes issues with wordwrap
$link = str_replace(array(' ', '"'), '', $link);

$retval = ($fullsize ? '<div class="size_fullsize">' : '') . '<img src="' . $link . '" border="0" alt="" />' . ($fullsize ? '</div>' : '');

return $retval;
}


and add the hook manually so it becomes:


function handle_bbcode_img_match($link, $fullsize = false)
{
$link = $this->strip_smilies(str_replace('\\"', '"', $link));

// remove double spaces -- fixes issues with wordwrap
$link = str_replace(array(' ', '"'), '', $link);

$retval = ($fullsize ? '<div class="size_fullsize">' : '') . '<img src="' . $link . '" border="0" alt="" />' . ($fullsize ? '</div>' : '');

($hook = vBulletinHook::fetch_hook('bbcode_img_match')) ? eval($hook) : false;

return $retval;
}


You would also need to edit the xml file in the zip and change the min version near the top to 4.1.0 or any number less than or equal to your version.

Be warned though there were over 30 new hooks added to 4.1.10- there will be a lot of new mods coming that will only work with 4.1.10 and above- you should upgrade.

[dacho]

nice mate... I will check it on my forum

[datoneer]

Thanks man i'm waitin response from ry215 to ugrade my style...

[puertoblack2003]

Looking at this example URL from Photobucket:

http://i170.photobucket.com/albums/u267/bcblondie05/Bunny.jpg


It appears Photobucket does keep the original file name *Bunny" in this case, so yes it should work with Photobucket uploaded images.



Because the hook used by this mod was introduced in version 4.1.10, the only way it would work on older versions is with a manual file edit.

If you want to try in 4.1.8 you will need to edit your file /includes/class_bbcode.php

Find the function:


function handle_bbcode_img_match($link, $fullsize = false)
{
$link = $this->strip_smilies(str_replace('\\"', '"', $link));

// remove double spaces -- fixes issues with wordwrap
$link = str_replace(array(' ', '"'), '', $link);

$retval = ($fullsize ? '<div class="size_fullsize">' : '') . '<img src="' . $link . '" border="0" alt="" />' . ($fullsize ? '</div>' : '');

return $retval;
}


and add the hook manually so it becomes:


function handle_bbcode_img_match($link, $fullsize = false)
{
$link = $this->strip_smilies(str_replace('\\"', '"', $link));

// remove double spaces -- fixes issues with wordwrap
$link = str_replace(array(' ', '"'), '', $link);

$retval = ($fullsize ? '<div class="size_fullsize">' : '') . '<img src="' . $link . '" border="0" alt="" />' . ($fullsize ? '</div>' : '');

($hook = vBulletinHook::fetch_hook('bbcode_img_match')) ? eval($hook) : false;

return $retval;
}


You would also need to edit the xml file in the zip and change the min version near the top to 4.1.0 or any number less than or equal to your version.

Be warned though there were over 30 new hooks added to 4.1.10- there will be a lot of new mods coming that will only work with 4.1.10 and above- you should upgrade.

in 4.1.9 is different

from this

function handle_bbcode_img_match($link, $fullsize = false)
{
$link = $this->strip_smilies(str_replace('\\"', '"', $link));

// remove double spaces -- fixes issues with wordwrap
$link = str_replace(array(' ', '"'), '', $link);

return ($fullsize ? '<div class="size_fullsize">' : '') . '<img src="' . $link . '" border="0" alt="" />'
. ($fullsize ? '</div>' : '');
}

to this

function handle_bbcode_img_match($link, $fullsize = false)
{
$link = $this->strip_smilies(str_replace('\\"', '"', $link));

// remove double spaces -- fixes issues with wordwrap
$link = str_replace(array(' ', '"'), '', $link);

return ($fullsize ? '<div class="size_fullsize">' : '') . '<img src="' . $link . '" border="0" alt="" />'
. ($fullsize ? '</div>' : '');
($hook = vBulletinHook::fetch_hook('bbcode_img_match')) ? eval($hook) : false;
}

and it worked thanks buddy:up:

[BirdOPrey5]

Cool... The actual code of the function may vary from version to version, the important thing is to find the function:

function handle_bbcode_img_match

And then add the hook right before the return line...

($hook = vBulletinHook::fetch_hook('bbcode_img_match')) ? eval($hook) : false;

So actually I don't think the code you posted is right, the hook needs to be above the return line.

[puertoblack2003]

Cool... The actual code of the function may vary from version to version, the important thing is to find the function:

function handle_bbcode_img_match

And then add the hook right before the return line...

($hook = vBulletinHook::fetch_hook('bbcode_img_match')) ? eval($hook) : false;

So actually I don't think the code you posted is right, the hook needs to be above the return line.

thanks :up: i made the adjustment....

[strudinox]

Does this also work with linked images on the CMS?

[BirdOPrey5]

Actually it seems like it does work on linked images in the CMS as well. Just tried it...

[14DH01]

Hello,
Thank you for this mod 5 stars
it also aids to find our images as attachments (I needed to find broken images) ;)

[Dennis Kaczor]

I have been looking for something like this for months and months and always came up blank with my searching. Yesterday I seen this plug-in and downloaded and installed this today and liked what I see with all the images on my site. It has potential with my users images now.

Adding an image from my server worked like a charm, PhotoBucket still shows the file name so that is a plus. I use Flickr for my images and it is a shame that they don't use the File Name when you upload your images on there site, you end up with their file name.

Looking at seeing if one can add an Alt and Title to the end of their code, means a bit of extra work but more of a curious thing for me.

As you mentioned this is better than nothing and I agree. Voted 5 STARS

[BirdOPrey5]

If you want users to enter their own "title" for images you could create a custom BB Code...

Admin CP -> BB Code Manager -> Add New BB Code

Call it: img
Make sure USE OPTION is set to YES
Make the replacement code:

<img src="{param}" alt="{option}" title="{option}" border="0" />


Save it...

now people can include images like:

https://vborg.vbsupport.ru/

[14DH01]

hello,
Add Alt Text to Linked Images
no longer operate this mod:
https://vborg.vbsupport.ru/showthread.php?t=237650

resize image no longer works with your plugin

Thank you

[BirdOPrey5]

hello,
Add Alt Text to Linked Images
no longer operate this mod:
https://vborg.vbsupport.ru/showthread.php?t=237650

resize image no longer works with your plugin

Thank you

Sorry to hear that. I don't think I can do anything about it though.

[OldSchoolDSL]

Installed and working

4.1.10 :)

[ayam]

Sorry to hear that. I don't think I can do anything about it though.

hope it will be fixed later. this is a great mod

[BirdOPrey5]

Updated this to version 1.5

Completely upgraded the code, logic, and options. Introduced a GOLD version which is still FREE with "Smart Tagging" option.

Disregard the "VB3" in the settings screenshots, the settings are identical between the two versions now.

Manual file edit instructions for VB 4.0.0 - 4.1.9 now in info txt file.

It also has new settings to allow it to work with Image Resizers (like ncode image resizer.)

Actually the ncode image resizer is in the info txt file on how to set this mod up to work with it.

For ncode image resizer enter this code in the resizer code setting for this mod:
onload="NcodeImageResizer.createOn(this);"

[Hareth]

GREAT MOD BOP.

Installed + Nom.

Thank you

[BANDiT600]

Alt is not right tag, right is Titile.

[BirdOPrey5]

Alt is not right tag, right is Titile.

Please explain... ? :confused:

[BANDiT600]

Please explain... ? :confused:
According to the W3C's HTML 4 specification, the ALT (Alternate Text) attribute is used with the IMG (Image) element to display text when users are viewing the page with a non-graphical browser or other device.

The TITLE attribute is used with the IMG element to provide a tooltip that is displayed when a user mouses over the image. Microsoft IE has been doing this wrong for years and years.

[BirdOPrey5]

This mod allows you to set both the alt tag and title tag separately.

You can set the alt tag to the file name and the title tag to something else. (Or no alt tag at all)

It's not just IE, Chrome also displays the "tool tip" if only an alt tag is present. I haven't checked other browsers.

I'm sure search engines consider both tags for SEO purposes because they base their results on the reality of how things are used, not strict specifications.

[BANDiT600]

But remember that Alt tag will not shown in Firefox.

[dog-tag]

Hi BOP,

I'm using the Marco image resizer, this doesn't work with it, is it because your plugin needs this - "Image Resizer Code"

Do you know what image resizers are currently working with your plugin? This plugin is bloody great for image SEO and I'd love to see it running :)

G

**edit** I've disabled the Marco Image Resizer, but this still doesn't work. Tried re-installing but nothing. I'm using vbulletin 2 pl3 is there any known conflicts or anything I could bug check?

[BirdOPrey5]

I assume you mean 4.2.0 PL3, no conflicts I know of. If you "view source" of your page are you getting anything different in the image tags?

[dog-tag]

Hey Bop :)

This is my source code around the alt text ->>>

<img class="thumbnail" src="attachment.php?attachmentid=75410&amp;stc=1&amp;thumb=1&amp;d= 1358021059" alt="Click image for larger version.&nbsp;

Name: image.jpg&nbsp;
Views: 0&nbsp;
Size: 94.0 KB&nbsp;
ID: 75410" title="Click image for larger version.&nbsp;

Name: image.jpg&nbsp;
Views: 0&nbsp;
Size: 94.0 KB&nbsp;
ID: 75410">

Makes image SEO impossible. I was wondering if this was a conflict with lightbox? I think that inserts this certain alt text.

I'd happily pay you to look at this in private also. I've disabled any image related mod, so I find it odd that it doesn't work.

If I ran this through the debugger what should I see? What should look normal?

[Edgespeeder06]

Hey I need some help. I have Vb 4.2. I installed the gold version and i'm using the smart tags but not sure if its working well. My images have an enlarge option and I'm not seeing the alt text:

http://www.njstangers.org/forum/showthread.php/13584-2015-Ford-Mustang-Concept-by-Motor-Trends-PICS-of-2015-Ford-Mustang-NJ

Thank you. :)

[Edgespeeder06]

Hey I need some help. I have Vb 4.2. I installed the gold version and i'm using the smart tags but not sure if its working well. My images have an enlarge option and I'm not seeing the alt text:

http://www.njstangers.org/forum/showthread.php/13584-2015-Ford-Mustang-Concept-by-Motor-Trends-PICS-of-2015-Ford-Mustang-NJ

Thank you. :)

I disabled the macro resizer and used the quick resizer and it works but how do I adjust the alt text to remove "name:...." from it?

example:

<img style="max-width: 610px; cursor: pointer;" onclick="window.open(this.src)" src="http://www.njstangers.org/forum/attachment.php?attachmentid=6727&amp;d=1358738794" border="0" alt="Name: 2015-Ford-Mustang-Concept-2015-Mustang-NJ.jpg
Views: 55
Size: 66.7 KB" title="Name: 2015-Ford-Mustang-Concept-2015-Mustang-NJ.jpg
Views: 55
Size: 66.7 KB">

[Spangle]

Installed Works on 4.2 patch 3

[BirdOPrey5]

I disabled the macro resizer and used the quick resizer and it works but how do I adjust the alt text to remove "name:...." from it?

example:

<img style="max-width: 610px; cursor: pointer;" onclick="window.open(this.src)" src="http://www.njstangers.org/forum/attachment.php?attachmentid=6727&amp;d=1358738794" border="0" alt="Name: 2015-Ford-Mustang-Concept-2015-Mustang-NJ.jpg
Views: 55
Size: 66.7 KB" title="Name: 2015-Ford-Mustang-Concept-2015-Mustang-NJ.jpg
Views: 55
Size: 66.7 KB">

Those are Attachments, not linked images. That text would be the same whether or not this mod was installed because it is generated by vBulletin.

This mod only works on images embedded using [img] BBCode (external images usually)

Please "Mark as installed" if using this. :)

[The_____KinG]

Installed and working perfectly.

Has any one seen any bump in traffic from image search after installing this mod?.

[datoneer]

It doesn't work with ncode imageresizer, and i don't know where is the problem

[dizzynation]

Installed on 4.2 PL3 Works great:

<br />
<img src="http://www.digipress.us/pics/vomit-img.jpg" border="0" alt="Projectile vomit" /><br /><br />
</blockquote>
</div>

[CAG CheechDogg]

If you want users to enter their own "title" for images you could create a custom BB Code...

Admin CP -> BB Code Manager -> Add New BB Code

Call it: img
Make sure USE OPTION is set to YES
Make the replacement code:

<img src="{param}" alt="{option}" title="{option}" border="0" />


Save it...

now people can include images like:

http://www.example.com/demo.jpg

How does this work BOP5 once you create the custom bb code? I created the bb code but when I wrap the image with this bb code the image wont show up , only the custom bb code's tag...

[mradlin]

Installed and working great in 4.2.2!
Thanks!

[Thangvip9x]

Perfect on vbulletin 4.2.2 but error when use mod "Word link by Bop5"
If i setting word link in admincp, on alt images will display error
Ex: If i write "i like this mod", it will display "i love this <a href="http://domain.com">mod</a>"
Can you fix it?

[BirdOPrey5]

That's an issue with the other mod- I'll followup in the Word Links mod thread.

Please "Mark as Installed" though if you are using this mod.

[RichieBoy67]

Nice work Joe! Installed and testing.

One question - If you use the smart tag on both the title and alt txt will they both show the same thing? What do you recommend for this?

Thanks,
Rich

[BirdOPrey5]

Hello,

Yes both would be the same in that case.

Personally I use filename for the alt and smart tag for the title. I don't know that there is any logic to this other than I would suspect the filename would be more useful to people who see the alt text than the thread title would be which may be the case if it was using the smart tag.

[RichieBoy67]

Hello,

Yes both would be the same in that case.

Personally I use filename for the alt and smart tag for the title. I don't know that there is any logic to this other than I would suspect the filename would be more useful to people who see the alt text than the thread title would be which may be the case if it was using the smart tag.
I was thinking the same thing. :D

Thanks,
Rich

[freak46]

i installed this but i can't enter alt text help required

[BirdOPrey5]

i installed this but i can't enter alt text help required

This mod doesn't let you enter custom alt text- it generates alt text based on the filename of the image or title of the thread depending on the setting you choose.

[freak46]

This mod doesn't let you enter custom alt text- it generates alt text based on the filename of the image or title of the thread depending on the setting you choose.

no before this i can enter my custom alt text into images. After uploading image i double click on image and then i add the alt text but now i couldnt

sorry for bad english

[BirdOPrey5]

no before this i can enter my custom alt text into images. After uploading image i double click on image and then i add the alt text but now i couldnt

sorry for bad english

Hello- that is only possible for attached images (images you upload into vBulletin) whereas this mod only works on linked images (linked with the [img] bbcode.)

[freak46]

Hello- that is only possible for attached images (images you upload into vBulletin) whereas this mod only works on linked images (linked with the [img] bbcode.)
How to add alt text and description to attach images before i was able to add alt text to images but now i wont please help me what i did wrong

[BirdOPrey5]

In vBulletin you can only add a description to images uploaded as inline image attachments. To do this in VB4 make sure you are using the WYSIWYG editor, then use the Insert Image icon on the editor toolbar. Upload the image from your computer or enter a URL for the image but make sure the checkbox to copy the image locally is checked.

Then when the image shows in your editor, double cllick on the image and you can provide a description.

That has always been possible with VB4 and this mod does not change or affect that process in anyway.

[freak46]

In vBulletin you can only add a description to images uploaded as inline image attachments. To do this in VB4 make sure you are using the WYSIWYG editor, then use the Insert Image icon on the editor toolbar. Upload the image from your computer or enter a URL for the image but make sure the checkbox to copy the image locally is checked.

Then when the image shows in your editor, double cllick on the image and you can provide a description.

That has always been possible with VB4 and this mod does not change or affect that process in anyway.


Here i get i am unable to add the description in the images as the way you mentioned above. i am facing this problem couple of days ago for image attachment before that I manually add title and description of images. For url images it works fine for me but images for attachment i am having problem please help me thanks

[tbworld]

When you disable the modification, does everything work correctly?

[BirdOPrey5]

Here i get i am unable to add the description in the images as the way you mentioned above. i am facing this problem couple of days ago for image attachment before that I manually add title and description of images. For url images it works fine for me but images for attachment i am having problem please help me thanks

I can see your WYSIWYG editor either isn't enabled or isn't working. It is unrelated to this mod. I suggest you go to vbulletin.com for support.

[freak46]

I can see your WYSIWYG editor either isn't enabled or isn't working. It is unrelated to this mod. I suggest you go to vbulletin.com for support.

At support forum i asked the question about WYSIWYG editor they asked me about the Php version and vb version currently i am using 4.2.1 version and Php 5.4.2 they told me to upgarde your version. Currently i cant afford to upgrade i want to ask you if i use linked images mod then how i over come this issue of adding tittle tag and meta description to the image.


When i use your mod it allow me to add custom meta titlte and description to the link image but it wont show in the code about the title or meta description. We know that images are also great source of traffic. Adding proper image titlte and description get you extra visitors.

[Kwikms]

Any chance of getting the Gold version? Registration is disbaled in qapla forum.

[BirdOPrey5]

Registration is available at www.qapla.com/mods/ - You have to use the Really Fast Registration form to register.

[Emad ELsayed]

Great product
Is there a version available for vBulletin 5
I hope that

[BirdOPrey5]

Sorry, there is not. At this time I have no plans to make one, others should feel free to try, feel free to use any code from this mod if it helps.

[Emad ELsayed]

I am unfortunate news
This is one of the most important hacks to install 11 sites
Is there any other way to make this modification by templates
Best Regards

[BirdOPrey5]

Glenn is one of the few people still developing for VB5 at: https://vbmods.rocks/

But be aware not all his stuff is free. It would be the only place I could suggest though.

[Emad ELsayed]

Thank you dear
Do you advise me not to upgrade to vb5?

[MarkFL]

Thank you dear
Do you advise me not to upgrade to vb5?

That's something you would need to determine yourself...there are many stories of people who upgraded from vB 4.x to vB 5.x and only then realized it was a big mistake, and by then it's really too late, as going in the reverse direction is very hard to do.

I would advise looking carefully at the differences between the two versions, and then deciding which one will serve your needs better. If you have custom styles and/or coding, you will likely have a hard time finding equivalent items written for vB 5.

Also, do any and all testing of a test site first, and make certain you have all the issues ironed out smoothly before doing anything to your live site. :)

[Emad ELsayed]

...........

[Emad ELsayed]

Hello dear
How to set Alt Text Type: Thread Title + file name
Instead of file name + Thread Title
Best Regards

[BirdOPrey5]

You would have to edit the code. Sounds like a good opportunity to understand how PHP works. You can always reinstall from the original download if something goes wrong.

[Emad ELsayed]

I tried editing but without a good result
Could you please help me?

[BirdOPrey5]

Find the code-


elseif ($vbulletin->options['bop5aat_alt_type'] == 2)
{
//File Name + Thread Title
$ttext = $fname . " - " . $ttitle;
$bop5alt = $ttext;
}


Then edit the line:


$ttext = $fname . " - " . $ttitle;


swap $fname and $ttitle so...


$ttext = $ttitle . " - " . $fname;

[Emad ELsayed]

Find the code-


elseif ($vbulletin->options['bop5aat_alt_type'] == 2)
{
//File Name + Thread Title
$ttext = $fname . " - " . $ttitle;
$bop5alt = $ttext;
}


Then edit the line:


$ttext = $fname . " - " . $ttitle;


swap $fname and $ttitle so...


$ttext = $ttitle . " - " . $fname;


Thank you dear
Now everything is ok
Best Regards

[final kaoss]

Thanks, I'll give this mod a shot.

Does this mod have to add the title everytime a page is loaded or is that information saved to a table after it finds a image?

[cdoyle]

Thank You,
I was looking for a mod just like this, and this works great!

[BirdOPrey5]

Thank You,
I was looking for a mod just like this, and this works great!

Glad it still works.

I don't update or sell the mods anymore so I've attached the gold version here for both VB3 and VB4 i you are interested, feel free to try the Gold (paid) version for free.

No support is offered.

[cdoyle]

Glad it still works.

I don't update or sell the mods anymore so I've attached the gold version here for both VB3 and VB4 i you are interested, feel free to try the Gold (paid) version for free.

No support is offered.

Thank you! Just installed it, and it works great. Really like the smart tagging feature.