WordPress Plugin: The Attached Image

/ WordPress Plugins / by Paul Robinson / 556 Comments
This post was published back on December 20, 2008 and may be outdated. Please use caution when following older tutorials or using older code. After reading be sure to check for newer procedures or updates to code.

Warning

This plugin is here for legacy support only. WordPress now contains a featured image system which does the job of this plugin from within the WordPress core. Please try to avoid using this plugin unless it is unavoidable. I will still provide limited support via comments or email, but it will no longer receive any updates or bug fixes. If your theme needs to be updated to use the new featured image system instead of this plugin, I am available for hire.

What’s This Then?

The Attached Image is a simple plugin that packs quite a punch. It shows the first image attached to the current post. For example. If you have your home page set to 5 posts and you use this plugin it will show the first image attached to each of those posts. For a working example see celeborama.net which uses it to grab the picture you see floated to the left of each post.

It was inspired by a plugin wrote by Kaf Oseo, but when support & updates were no longer available & a recent upgrade of WordPress meant it didn’t work exactly like it used to, I decided to take on the challenge of remaking it using the newest WordPress functions available.

What’s It Do?

It has a lot of features, if you want to see them all then check the options list a litte further down the page. For now though here are some of the major ones that most people look for:

  • Can show the full, medium or thumbnail sized image attached to the current post. Can now show custom thumbnail sizes added by WP 2.9’s post thumbnail support. Check here for more info.
  • Can make a hyperlink around the image that points to the post the image is attached to, the full image, the attachment page or a custom URL using custom fields on a post by post basis.
  • If more than one image is attached to a post then the image to be shown can be changed using the WordPress gallery page. Just pull the image you wish to show right to the top of the list and press save.
  • Can be returned instead of echoed so the output can be stored in a variable for developers to use as they wish.
  • Can show a default image if no image is available. Also changeable on a post by post basis via custom fields.
  • and more…

How Do I Install It?

It’s actually really simple to install. The hard bit is deciding where you want the image to go, but that’s entirely up to you. Here are the instructions you need to get it up and running:

  1. First go and get the plugin. Either from here or using WordPress’ new plugin installer (available since WP 2.7). Just search for the attached image or Paul Robinson.
  2. Unzip & place the folder into the wp-content/plugins folder. (I’m going to assume you’ve done this)
  3. Go to the plugins page of WP & activate the plugin. (Also assumed as done)
  4. Go into the template editor & find where you would like the image to show. It must be within the loop which looks something like this:
  5. At the point you have found, place <?php the_attached_image(); ?>
  6. Go to the ‘The Attached Image’ options page under the WordPress Appearence menu.

So What About The Options

Functionality Options

This option allows you to switch on and off the perma functionality for in post image. This checks the post content for an image and grabs the image with the number you have asked for. If that number of image is not available it will show your specified default or return with nothing. Just press the checkbox & put in a number. It starts at 1 not 0 like some may think, so if you want to get the first image in the post press the checkbox & type 1 then save. This type of functionality can also be accessed on a post per post basis using the custom fields as explained later in this documentation. This has been extended with a new option to pick a thumbnails size to use. This will only work if the images were uploaded with WP, if they were not or they are linked in from a external source it will default to showing the full sized image.

General Options

Well The Attached Image now comes with a options page so you can alter what it does from the comfort of your WordPress dashboard. The Attached Image is all about adding a feature to your blogs design & because of that I have added it under the Appearance menu. Here is a description of all the options and what they do. First the general options:

Image Size
This is the size of image you would like to use. As of version 2.2 it supports WordPress’ generated thumbnails, medium size, large size images, and of course the original full size image. You can now specify a size using a function call to override the options page. This is great if you want to call the plugin twice on two template pages & want to use different size image. Use img_size= and then either full, large, medium, thumb or custom, for more about custom check this post. Use ampersands (&) to seperate parameters. Use ampersands (&) to seperate parameters.
CSS Class
This is the class that you would like placed in the image tag. The default is attached-image and can be styled as normal through a CSS stylesheet. This option is so anyone who already has a class can use that if they wish. You can also call a different CSS class using function call parameters again options are seperated by ampersands (&). CSS class’ parameter is css_class Don’t use spaces in CSS class names when using this method. An example of both image size & css class together would be this. the_attached_image('img_size=thumb&css_class=custom-class');
Custom Image Size
Here you can input a custom image size. Beware, this uses the inbuilt width & height attributes of the image tag & as such can degrade picture quality if used too aggressively. Please use with caution.
Default Image Path
A simple one. This is the path to a default image if you wish to use one. Empty or leave the box empty to disable it. Very Important the image path must be from the WordPress root & not your hosts root, it must also start with a forward slash (/). So if your blog is in http://example.com/blog/ and you kept the image default.jpg in the wp-content folder the path would still just be /wp-content/default.jpg and NOT /blog/wp-content/default.jpg. It is also NOT the ID of another image.
Image Link Location
Do you want a link to be placed on the image that is produced & if so where do you want it to point. The possible options are no link, post, image & attachment page. I think it’s pretty self explanitory what they do. You can also provide a custom link on a post by post basis, more on that in the custom fields section further down the page.
Image Alternate Text:
Allows you to choose what the default alternate text for the image should be. You can choose either image filename, image description, post title or post slug. The description is taken from the description field that you can fill in when uploading an image via WordPress’ uploader. If one isn’t provided it falls back to the images filename. A custom value may be input via custom fields, see Custom Field Info below.
Link Title Text:
This is the text placed in the title attribute of the hyperlink placed around the image. This will only have an effect if you do NOT have Image Link Location set to No Link. The options are the same as the alternated text & a custom value can be input via custom fields, see Custom Field Info below.

Advanced Options

Now for the advanced options. Please be careful with these. Selecting the wrong option can result in the plugin not working correctly. I will at some point try to add a reset to default for instances where accidents have occured, until then though please be careful. Thanks.

Generate An Image Tag:
Fairly obvious… Whether to make an image tag or just place the full URL to the selected size image onto the page. If a link location is selected then it will also create the selected hyperlink around the URL. This can be useful to some people so feel free to be inventive.
Echo or Return:
Also fairly obvious, if you are a coder. Tells the plugin whether to echo out the output or return the output ready for processing by PHP. Can also be used to do some inventive stuff with the output.
Hyperlink Rel Attribute:
This should allow the plugin to work with most, if not all lightbox scripts. Refer to the documention of the lightbox script for what to place in the rel attribute.
Image Order:
By default the plugin will use the image in the first position of the WordPress gallery page. The image to show can be changed by reordering the images on the WP gallery screen, however you can use this to change which image it will pick. If you change this to 3 it will always try to pick the 3rd image in the WP gallery order. If there isn’t 3 images it will pick the nearest it can get to the 3rd image.

What About Those Fancy Custom Fields?

Some of the options can be changed on a post by post basis through the use of custom fields. These are the available keys, what they do & the values they expect. All of the keys prepended with att so that they are easily recogniseable as for use with The Attached Image & to stop conflicts with other plugins that may use custom fields.

Key: att_custom_img
This field is used to show any image from the WordPress attachment database, even if it isn’t attached to the current post. It requires the ID of the image you wish to show. It can generally be found out in the media section of WordPress.
Key: att_default_pic
Allows you to override the default picture that is to be shown if no picture is available. Path rules are exactly the same as the previously mentioned option.
Key: att_width & att_height
Pretty obvious, but it allows you to change the width & height of the image. It again uses the in-built browser method of resizing, so again be careful. Also please remember these are two seperate keys, I have listed them together but you must use two custom fields one for width & one for height.
Key: att_custom_link
Allows you to chose a custom URL for the hyperlink to go to. It will override the setting chosen in the options page for that single post. If you have selected no link in the options using this will override it and create a hyperlink for that single post.
Key: att_custom_alt
Allows you to chose a custom alt attibute to be placed in the image tag.
Key: att_custom_link_title
Allows you to chose a custom title attribute to be placed in the hyperlink. Only has an effect if Link Image Location is NOT set to No Link.
Key: att_in_post_image
This feature was requested by Jake Garrison. It allows you to display an image that is inserted into the post & not attached via the WP uploader. It scans for img tags in the post and places it where ever you place the plugin call. Options are a number starting from 1 of the img tag you wish to pic from the post. 1 will pic the first, 2 will pic the second and so on. If there isn’t a img tag matches the number picked it will leave a blank space (return false). Example. If you choose 4 and there are only 3 images in the post in will return blank (return false).
Key: att_in_post_image_size
Allows you to choose the thumbnail size for the in post image function. This only works if the image was uploaded via WP. If it wasn’t or is linked from an external source it will default to the full sized image.

Custom Queries


The ability to easily use custom queries was added as of version 2.5. There is now a second parameter for the query object. All you need to do is hand the query object over to the plugin. Here is an example:

It should be fairly easy to follow. All you need to do is look for the variable that WP_Query() is assigned to & hand it to the attached image.

Wait Up… I Have More Questions!

Really? You do! Well then your already in the right place. You can either leave a comment on this post, or if you prefer, you can send me an email using the contact page.

What If I Find Something I Want Added Or I Find A Bug?

Well you wouldn’t be the first. Most of the features now included with The Attached Image are there through requests made in the comments section, just scroll down & have a read. If you have found a bug or you want to request a feature then the process is the same as the last question. Leave a comment on this post or drop me an email via the contact page.

Alright… Say I’m Feeling Kind…

Ahhh. Say no more. If you are feeling generous then you can buy me a cup of coffee or two using the Paypal donate button just below.





If that’s not your sort of thing then you can always donate some money straight towards my hosting bill with Dreamhost using the button below. Dreamhost take payment via Paypal so you know it is safe & secure.

Donate towards my web hosting bill!

That It?

Yep. I’d just like to say a thank you to everyone who has downloaded, used, supported, commented on or even just looked at my plugin. It might be me who writes it, but without you guys out there to use and appreciate it there wouldn’t be a point. Thank you so much.

Also a little extra thank you to Alisher, Brian Wood, Steve, Jasper Visser, Jennifer the scriptygoddess, and RougeDeals. All these lovely people suggested a feature that got added to The Attached Image or have identified & helped fix a bug. Also a final thank you to everyone who has linked back to me and helped popularise The Attached Image.

Ya, Finished Now

Actually no, not quite.

Legacy Overrides

These are a list of legacy parameters that allow you to override the values set in the options page. This is useful if you want to have more than one call the the_attached_image() on different pages in your template, but you want them to show different size images, or remove the link and other things. Basically it allows you to call the plugin twice, but have it do two different things. The parameters are entered in Query String format an example is the_attached_image('img_size=medium&link=image&css_class=featured-image');.

img_size
Changes image size to be pulled back by WordPress. Options are thumb, medium, large & full, or custom. Default is thumb.
css_class
The CSS class to place inside the image tag.
img_tag
Whether or not to echo the URL in an image tag. Options are true or false. Default is true.
echo
whether to echo or return the output. True will echo, false will return. Default is true.
link
Where you want the link to go. Will only work if href is set to true. Options are none, post, image and attachment. It is also possible to use a custom URL via the custom fields, please refer to the custom fields section above for more. Default is post.
default
The path to a default image if one is wanted. The path must start with a forward slash and be based from the wordpress directory, not your hosts directory. Options are false & a path to the image. Default is false. Can also be adjusted via custom fields, again check above for more.
width & height
Two seperate parameters that do the obvious thing. The set a custom width & height for all images. This only resizes using the image tag width & height attribute, as such quality will suffer greatly when resizing too much either way. Also adjustable using custom fields, check above for more.
image_order
Allows you to change which image the plugin uses from the WP gallery page. Normally, if there is more than one image, the plugin will pick the image marked in 1st. This allows you to change that. If there isn’t a picture at the position then it will take the pictures as near to that number as possible. Default is 1
rel
The rel attribute is generally used to add lightbox scripts. Just put the word shown by your lightbox instructions here and all should work as long as href is set to true & link is set to image, since there has to be a link and the URL to the full image for the lightbox script to work.
alt
Allows you to choose what the default alternate text for the image should be. You can choose either image filename, image description, post title or post slug. The description is taken from the description field that you can fill in when uploading an image via WordPress’ uploader. If one isn’t provided it falls back to the images filename. A custom value may be input via custom fields, see Custom Field Info above.
title_link
This is the text placed in the title attribute of the hyperlink placed around the image. This will only have an effect if you do NOT have Image Link Location set to No Link. The options are the same as the alternated text & a custom value can be input via custom fields, see Custom Field Info above.

If You Are Still Using An Old Version Without The Options Page

You should really upgrade to the latest version so you can use the new options page, but if you are one of those people who just loves the old school (and why not) then here is a list of parameters. Custom fields are still exactly the same so please use the list above.

img_size
Changes image size to be pulled back by WordPress. Options are thumb, medium, large & full. Default is thumb.
css_class
The CSS class to place inside the image tag.
img_tag
Whether or not to echo the URL in an image tag. Options are true or false. Default is true.
echo
whether to echo or return the output. True will echo, false will return. Default is true.
href
If you plan to use the link feature (which will automatically generate an href around the image) then you must set this to true first. Options are true or false. Default is false.
link
Where you want the link to go. Will only work if href is set to true. Options are none, post, image and attachment. It is also possible to use a custom URL via the custom fields, please refer to the custom fields section above for more. Default is post.
default
The path to a default image if one is wanted. The path must start with a forward slash and be based from the wordpress directory, not your hosts directory. Options are false & a path to the image. Default is false. Can also be adjusted via custom fields, again check above for more.
width & height
Two seperate parameters that do the obvious thing. The set a custom width & height for all images. This only resizes using the image tag width & height attribute, as such quality will suffer greatly when resizing too much either way. Also adjustable using custom fields, check above for more.
image_order
Allows you to change which image the plugin uses from the WP gallery page. Normally, if there is more than one image, the plugin will pick the image marked in 1st. This allows you to change that. If there isn’t a picture at the position then it will take the pictures as near to that number as possible. Default is 1
rel
The rel attribute is generally used to add lightbox scripts. Just put the word shown by your lightbox instructions here and all should work as long as href is set to true & link is set to image, since there has to be a link and the URL to the full image for the lightbox script to work.
alt
Allows you to choose what the default alternate text for the image should be. You can choose either image filename, image description, post title or post slug. The description is taken from the description field that you can fill in when uploading an image via WordPress’ uploader. If one isn’t provided it falls back to the images filename. A custom value may be input via custom fields, see Custom Field Info above.
title_link
This is the text placed in the title attribute of the hyperlink placed around the image. This will only have an effect if you do NOT have Image Link Location set to No Link. The options are the same as the alternated text & a custom value can be input via custom fields, see Custom Field Info above.
in_post_image
This feature was requested by Jake Garrison. It allows you to display an image that is inserted into the post & not attached via the WP uploader. It scans for img tags in the post and places it where ever you place the plugin call. Options are a number starting from 1 of the img tag you wish to pic from the post. 1 will pic the first, 2 will pic the second and so on. If there isn’t a img tag matches the number picked it will leave a blank space (return false). Example. If you choose 4 and there are only 3 images in the post in will return blank (return false). Can also be set via the custom fields, without setting this parameter using the key above. Warning: This will override the normal function of this plugin if set as a parameter. If you use custom fields the plugin will work as normal except for the posts it is used on.
in_post_image_size
Allows you to pick a thumbnails size for the in post function. Will only work if the image was uploaded via WP. If it wasn’t or it is linked from an external source it will default to the full sized image.

That’s all the parameters, but seriously you should upgrade to the latest version. There is tentative support for the parameter based system, but it is only there as a backup until I can safely assume everyone is using the new options system. Please don’t hesitate to leave a comment if you have problems switching over to the new system, it is a lot better.

Now are you finished?

Yes, now I’m done.

Update: 14/12/2009

I’ve just created a PDF file to show everyone some of the advanced uses available when using The Attached Image. Hope it is of use. 🙂 Advanced Uses For The Attached Image PDF

Update: 07/04/2010

After a few questions about how to use The Attached Image, I have decided that a visual approach is the best way to explain, so here is a video on how to add The Attached Image to your theme.

[pro-player width=”560″ height=”350″ type=”mp4″]http://return-true.com/wp-content/uploads/videos/UsingTheAttachedImage.mp4[/pro-player]

556 Comments

Author’s gravatar author

I have made that tutorial for you Heather. If you haven’t seen it yet you can find it on the front page or you can go straight to it here.

I hope that is what you are looking for. Unfortunately I haven’t been able to give any screenshot of what it looks like, but it outputs a row of images just like the theme you pointed to. 😉

Reply
Author’s gravatar

One more stupid question: In IE (the browser that blows), I get a nice nasty blue border on the images because they’re links. I tried to fix that in the page’s css, but it seems to be ignoring that as well as the number of images I want it to show. Anything I’m missing here?

Reply
Author’s gravatar author

Yeah, I can see it in IE7. Usually all you need to do is this:

OR

If that doesn’t work I haven’t the foggiest. 🙁 I’ll have a check around in my book of tricks that I have, but that’s generally what you do to get rid of the border.

Reply
Author’s gravatar

Wow, thanks for the post. It really means a lot to me that you’d take time out of your day to thank me. I’m glad you appreciate it because that’s how much I appreciate your plug-in and your support. Everyone should get something nice in return for helping people. The world is too often full of people who just take. I’m glad that I at the very least put a smile on your face. Have fun watching it 🙂

Reply
Author’s gravatar author

No problem. I know what you mean. I’m just glad that you like my plugin & very thankful for your gift, and I will most definitely have fun watching it. 🙂

Remember any problems or feature requests I’m always here to help. 😉

Reply
Author’s gravatar

First of all, this is an awesome plugin ! Great work on that.
I have a question though.

Is it perhaps possible somehow to show a static image if there is no attached image?
I have very little to no experience using PHP, but i think it would be possible, although i have absolutely no clue how to do it.

Hope you can answer my question!

Reply
Author’s gravatar author

Thank you for the compliment. 🙂

I believe you are refering to showing a default image if no attached image exists? If so you can set one in the options page. Go into the options page and where it says ‘Default Image Path’ put in the path to a default image. The path must start with a forward slash (/) and be relative to the wp-content folder.

You’ll obviously have to create the image using a graphics program and I recommend placing it in the wp-content folder. The path then would be /wp-content/default-image.jpg if the image was called default-image.jpg.

You can also over-ride the default image on a post by post basis using the custom fields. They are a little tricky to explain but you can find out more at the WP Codex. Once you’ve read that use ‘att_default_img’ as the key and the path to the other default image as the value. The path must be like the other one, forward slash (/) then relative from the wp-content folder.

I hope that helps you, if not & I’ve completely misunderstood what you were asking, please let me know. 😉

Reply
Author’s gravatar

First I would like to say thank you for taking the time to create such an awesome plug-in.

I’m running into a few minor problems though that I think might be my fault but I can’t figure out what to do.

here’s my template code.

<div class=”post” id=”post-“>

First, I am also using the gallery plugin NextGEN Gallery. This creates a new folder of images which can be accessed from the add image menu in the create/edit post screen.

If I add an image from the NextGEN gallery folder TheAttachedImage won’t display the image at all. It will only show images that I add through the ‘upload from computer’ or ‘media library’ sections. Adding images from links also doesn’t work.
When I do upload from my computer or the media library I can make the image appear the way i want. However after I upload the image I can’t make it go away.
I have tried deleting the image and changing the image to something else, it seems to be cached somewhere I can’t find because the image simply won’t change.
To switch out the image I have to delete the entire post and then rewrite it with a new image.

Can you help me figure out what I’m doing wrong?

Reply
Author’s gravatar author

First off, thank you & I’m glad you like it. 🙂

You’re template code didn’t show properly because of WordPress, it can be a bit of a pain when posting HTML in comments, if you can post it between <pre lang=”html”> tags and it should show up ok.

I have a feeling, I’m not sure since I’ve never used NextGEN before, that it stores it’s image in a different database table or in the same one but in such a way that stops WP from seeing them. Since my plugin only works with images uploaded via the WP media uploader that would be the problem.

As for the image still showing after deletion, I’m afraid I’m stumped. I honestly have no idea how an image that has been deleted can still show. It may sound stupid, but maybe it’s actually your browser. If your using Firefox try giving it a Ctrl+F5 to do a hard refresh, it’s solved some of my problems that have been similar. If not have you got WP-SuperCache? That could also be caching the page, although usually if you are logged in it won’t show & it shouldn’t be able to cache images since it usually only caches dynamic data.

I’ll give Next Gen a bit of a check out tomorrow & see if I can add support or something at some point. Sorry if that hasn’t been any help. 🙁 If you do need any more help I certainly try to help though.

Reply
Author’s gravatar author

I’ve checked out NextGEN gallery & because of the fact I would have to code in database functions to connect to the table used by NextGEN I can’t really add support for it. Mainly because if NextGEN changes it could break my plugin too.

I’ll keep trying to come up with something, but at the minute I can’t. I’m still stumped about your presistant image though. If you do figure out what it was, please let me know. I’d love to know what the solution was. 🙂

Reply
Author’s gravatar

Hi there, firstly, just want to say Great Plugin ! 🙂 Really like it, and am trying to make it work in my site.

However, I am not too familiar with codes & stuff. Hope you can give me some advices here.

I inserted your codes to the appropriate section of the loop – the attached image will appear after the byline of the post.

I have set the homepage to show excerpts only. And the attached image deos show up neatly. However, when I click to the link, which will bring me to the single post page, the ‘attached image’ still appear after the byline. So now, including the original image in the post, I have two same images in the post. I wonder if I did anything wrong, or did i miss anything?

Also, I like the demo you show here (celeborama.net ). For my case, the content (words) appear below the ‘attached image’ at the homepage. What can I do to make the words wrap the images (ie image on the left, and the words on the right) like celeborama.net?

I am sorry if you have answered the same question somewhere. If you did, please just paste a link here. Thanks in advance for your time and help !! 🙂

Reply
Author’s gravatar author

Ok first off thank you for your kind words. It’s always nice too hear. 🙂

Right. The only reason that I can think of for the image showing on both the single post & index (home page) is that you have put the the_attached_image(); call in both template pages. If you only want it to appear on the home page then you only need to place it on the index.php file. If you haven’t done that then posting the code to both your index.php file & single.php file might help. If you do, please post the code in tags like these <pre lang="html"> Code Here </pre>.

You can see the code for making the exact same layout as celeborama.net on this post here. Unfortunately I didn’t really explain it properly since it was just after the Christmas & I think the Sherry was still affecting me, lol. If you have any questions about the code please leave a comment on that post & I’ll help you as much as I can. 🙂

Again thanks for the question & the compliments and hopefully that will help. Let me know if you need any more help.

Reply
Author’s gravatar

Wow ! I did not expect such quick reply !!

I have not got a chance to try yet because still trying to understand your explanation for the codes of celeborama layout. Yet, I thought it is nice to say thank you first for your amazing support. Once I try it, or if any more questions, will drop a line or two here.

Hey, I am sure many people have told you this, yet it does not hurt to hear it one more – You Rock ! 😉

Thanks for your help !

Reply
Author’s gravatar author

No problem Shirls. It’s good to go through everything slowly, it decreases the chance that mistakes are made, at least for me it does. 😉

Thanks. It has happened once or twice before but it’s nice to hear it again so thanks. 😀

Fell free to drop me any questions you have and I’ll answer them as soon as I can. 🙂

Reply
Author’s gravatar

Hi!

Love this plugin, it has really helped with the remodel of my site. However, I have found one hitch with my particular site.

In my posts, most of the photos I use come from a plugin called fotobook. Fotobook allows you to add your facebook photos through the media manager.

These photos do not show up as thumbnails for the post.

I now understand that your plugin looks at the attachment data for the post, and does not actually scan the post for images. Do you think you could include an option to scan the post for images as an option?

Reply
Author’s gravatar author

Hmmm. Good question. I’m not sure but I can certainly give it a shot for you. It might take a day or two because I’m swamped at the minute, but I’ll give it a go. 😉

Keep checking back, and if you like I can send you an email when I’ve got something done. 🙂

Reply
Author’s gravatar author

I have added that feature for you Jake. It is not available through the options page since it is a fairly complex feature. You can use custom fields to set it post by post or you can set it using legacy parameters.

Unfortunately due to a few problems I haven’t worked out yet the default image feature gets disabled for any posts using this feature. So instead of showing a default image if there isn’t an image to show it just cancels and sends back false (useful for programmers).

Check out the instructions either in the docs in the updated version of the plugin or in the post above. There is an entry at the end of the custom fields and at the end of the legacy parameters section. It explains how to use it. If you have any questions, problems or anything else to add let me know. 🙂

Reply
Author’s gravatar

I was wondering if this feature was going to eventually be included, I’m glad to see you’re working on it 🙂 Does/Will it work with any external picture (not just those from facebook)?

Reply
Author’s gravatar author

It has been done. 🙂 It works with any image from any site.

It works best with images located on the same domain since it can query for the images width & height, but for external images it just grabs it and leaves it to the browser to decided the width & height.

I generally like to include the width & height in the tag but I can’t since getimagesize() is disabled for cross server use on most if not all servers. It tends to be a huge security risk.

So the answer is yes it works with any image & not just facebook. It just works best with images located on the same server as WP until I can figure out a way to get the image sizes from another server. 🙂

Reply
Author’s gravatar author

I have managed to get external image sizing working. It might work on some servers it may not on others. It is error checked though so if it doesn’t work it will just try it’s best to make and image tag with out the width & height. 🙂

Reply
Author’s gravatar

Hey,

First off, thanks for your previous answer, i figured it out now. You can see the plugin in working at the site I posted here with. I have one remaining question though. Somehow the ‘alt’ attribute doesn’t show up. At the options page i selected “Image Alternate Text: Image Filename”. Any idea how to fix this ?

Again, I’d like to thank you for this awesome plugin, it is one of the main things in my design. And your support is also fabulous, quick and detailed. Thanks!

Reply
Author’s gravatar

No problem Arjan.

I have just updated the plugin to fix that problem with the alt & title attributes. Just a stupid mistake on my part, so thanks for letting me know about it. 🙂

You should be able to get the update via WordPress in a few minutes or so. 😀 Let me know if you have any more problems. 😉

Reply
Author’s gravatar

Oh my gosh! Your awesome! Never really had a plugin developer listen to me before!

Thanks! Im going to go check this out. Will report back shortly!

Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

I'll keep your WordPress site up-to-date and working to its best.

Find out more