Return True - Coding Tutorials, hints & tips in PHP, jQuery, CSS & HTML

hi. Thanks for plugin

perfect.

Regards

@Baron: No problem, glad it’s of use to you.

@Marc: I think I get what you want, but no this plugin won’t do that. This plugin pulls back the first image that is attached to a post in WordPress. If the image isn’t hosted on your server then this plugin won’t do anything.

You would need a plugin that checks to see if a query to the image src recieved a non 200 HTTP message and then replaced the src with an new default image. That could be extremely server intensive & I’m not even sure if it’s possible it looks like it is possible. This broken links remover plugin does something similar to what you want with broken href’s. I might see if I can knock something up a little later, but I was never very good at CURL & fsocketopen.

If that’s not what you meant then please drop me another comment & see if you can explain it a little more for me. I tend to go a little dumb around Christmas. Too much sherry.

@Alisher: Thank you for your kind words.

At the minute you can only get an image that is attached to the post, but you have given me an interesting idea for an extension to the plugin.

Just to confirm you want to beable to pic an image that has been uploaded and is in WP’s media database but is not actually attached to the current post? If so then it is possible, and I should beable to have that done in the next release.

Thanks again.

Well normally Google just ignores ‘the’ so it probably wouldn’t make any difference, plus I can’t change the name on the WP respository. You are right though I probably shouldn’t have kept the ‘the’.

I think I can make it so you can select an any image that has been uploaded into WP though. I’ll probably do it tomorrow so keep a look out.

Edit: I’ve just made a little prototype change to the plugin and it seems to be working great. You can provide an ID for a specific image attachment via a custom field in a post or via the template call, just remember that if you call it via the template it will cancel out the plugins primary function & it will allways show the image from the ID you provided. You can also get the images medium or small thumbnails. It’ll probably be ready tomorrow.

That would be like this:

the_attached_image('href=true&link=post');

Wow, the features are coming thick and fast.

While it seems sensible to be able to do that I just hadn’t thought about it. I’ll add that later on today for you. Well after I’ve gotten some sleep.

Oh and thanks for the complements. It’s always nice to know the plugin is actually of use to people.

And yeah, get some sleep! Happy New Year!

@Brian: I’ve now added that feature to the code & should be available via update or from the WP repository.

Even though you have added it in yourself you’ll need to update since I started with your fix & although it works the actual img tag never gets closed since there is no width & height. I have sorted that out so it will work correctly & be valid HTML. I hope that makes sense.

@Alisher: Thanks for the little tutorial there. I deleted your second post since WP stripped it again & I cleaned up your code in the previous one and added a little comment.

@Brian: Ahhh yes I get you. A very clever & inventive use of my plugin. I like it.

I love open source my self hence the love of WP. Everything would probably be better if it was open source, even Windows.

Sorry,
forums have me in the habit of BB Code in my posts…
and for the double post

Hello

How do you use the ‘echo’ to return the URL instead of the ?

Thanks

Hey thanks for the quick response.

This may sound silly, but where does the URL get returned to, so I can use it within a link?

When I use the above code, and view source, I don’t see the post image Url output?

Thanks if you can help

Ahhh I get you. You want it to echo. I thought you meant return as in store in a variable.

It would just be something like this.

<a href="< ?php the_attached_image('img_size=full&img_tag=false'); ?>">

That should do it. Please ignore the < my code plugin is having a bit of a problem with WP2.7.

I mean the ‘Generated by’ comment.

How do you insert code in here?!

Thank you so much – you’ve saved the day today.

Just one more thing If I have more than one image in my post, is it possible to display 2-3 images for example.

Can this be achieved through when you say “I’ve also made it so that you can choose which image is shown by making an image number 1 in the gallery image order” ?

Thanks again

OK cheers, is there any way of choosing to display the second image, for example?

So close! I was trying to get some functionality like the Get The Image plugin has, whereby you can do this:

“order_of_image

You can choose for the script to grab something other than the first attached image. This only refers to image attachments.”

Not to worry. Your plugin has come in very handy and useful for 90% of my site, and thanks for all your help. Very much appreciated.

I hadn’t thought about doing that. I’ll see if I can add something like that into the plugin.

@Steve: That feature has been added & seems to be working great. I don’t have a lot of time to bug test at the minute so let me know if you have any problems.

Perfect!

I’ve now done exactly what I needed to!

Great stuff.

Super speedy – many many thanks for your help

Good lord!! This is exactly what I’ve been looking for. Thanks for the plugin!!

@Brian: Thanks. No Problem.

@Bostjan: Hey there. This plugin does not generate thumbnails, WordPress does all that. All this plugin does is provide a means of pulling the images from WP’s database dynamically which is not normally possible. By that I mean you would normally place it statically inside a post.

I believe you are looking for something like the script called timthumb over at google code:
http://code.google.com/p/timthumb/

You just place link to it via a img tag & provide a width, height, quality & src path. It also has a cache so after the first thumbnail generation it is loaded from cache.

If you want to see it in action then the thumbnails on the front page of my new site Hot Lemons. To see the paths just right click on one of the images and press properties & you’ll see the query to a php script instead of an image path.

Hope that helps.

Hmmm. I honestly don’t know Jasper. I’ll definitely have a look for you and I’ll get back to you soon.

Thank you very much!:) Great, I didn’t want to cause you work, sorry for that. I’m going to run an update immediately.

Hi Veneficus Unus,
I stumbled across your plug in by chance – I’m pretty much a newbie to WP and was looking to display my attached image to the latest post and link to the post..well, thought this does it but I probably inserted the code line in the wrong place – hope my question is not too stupid..I use “the morning after” theme, can you please tell me where to add it and in a couple of steps what to do when posting a new post with a new image? cheers Sar.

WP is a bit of a pain when posting code into comments. If you can try again but put your code inside these tags:
<pre lang=”php”>
Code Goes Here
</pre>

Hey there Sar,

Nope it’s not a stupid question. Sometimes as a WP newbie it can be difficult, but I’ll try and give a quick summary.

I’m not especially familiar with ‘the morning after’ theme but it is the same for all themes so it shouldn’t matter.

First install the plugin, if you don’t know you can either use WP 2.7 install feature or download it open the zip and put the php file in your plugins folder which is in wp-content. I’ll assume you’ve done that though.

Next you open up the main index file in the theme editor of WP. There should be a line that says:

<?php
if(have_posts()) :
while(have_posts()) : the_post();

Or something similar. The line <?php the_attached_image(); ?> should go somewhere within that. Where it goes depends on where you want it to appear. As long as it is after those two php lines it should work though.

To get a link around it you use this line instead of what I wrote above:

<?php the_attached_image('href=true&link=post'); ?>

If you have multiple images attached to a post you can just drag the image you want the plugin to display to the top of the list. That is in the WP gallery, you know the window that comes up when you upload in a post.

Everything else should be done automatically. I will make a video tutorial tomorrow though so if you still have problems, check back tomorrow.

@Simon Scott: I’m going to assume you mean like in the image at the top of the post!

It’s not really anything to do with my plugin, but here is the general idea on what to do.

You can have two methods. One allows the text to flow around the image, so it will float to the right & when the picture finishes it will go under the image, or you can make the text float to the right all the way down ignoring the image (like in the example picture at the top of this post).

To do the first one all you need to do is make a CSS rule that applies to the class given to the image tag, this is normally (unless you give a custom one) ‘attached-image’. The rule would be something like:

.attached-image {
    float:left;
}

If you want to do the second option then you will need to place the call to my plugin into a div & place your text in a div side by side, like this:

<div class="attached-image-container">
<?php the_attached_image(); ?>
</div>
<div class="main-post-text">
<?php the_content('READ MORE'); ?>
</div>

The CSS for that would be something like this:

.attached-image-container {
    float:left;
}
.main-post-text {
    float:left;
}

That is exactly what I do to float things. Just remember that you will need to clear your floats or the rest of you site may have some strange problems. <div style="clear:both"></div> that is a clear.

I hope that helps. Let’s me know if you need any more help.

No problem Jennifer. Glad you like it.

I love your site BTW you have some great tutorials.

I think I get what you’re after. You want to be able to change where the link points to something you choose instead of the post, image or attachment page. Is that right?

If so, I should be able to add it now for you. I’ll post another comment once I’ve uploaded the updated version to the WP plugin repository.

Hi,
I don’t think that was a bug since I made the plugin so that you must set custom_img to true in the template and then use the custom field in the post. Why? I haven’t a clue. The way you have changed it to is a lot better so I might go through it and change it at some point it the future.

I’ve added the feature you asked for but I’m having a few problems with WP SVN server being an ass at the minute. It should be up soon though.

When it does get onto the SVN. All you need to do is set href=true&link=custom in the template and then use the custom field key ‘att_custom_link’. I hope that works ok. Feel free to shout out any bugs.

Edit: The SVN server has updated now to version 1.9 which has the new feature you requested in it. If you can give it a go and tell me if it works that would be a great help. I don’t have access to my localhost at the minute so I’m unable to test it.

Yep, that’s the way the link works at the minute. I’m working on getting it so that you can do it on a post per post basis. That’ll probably be version 2 and will be done very very soon.

hi. Thanks for plugin

perfect.

First, just wanted to say you’re awesome! Thank you for adding all this stuff… So the only thing is that $href and $link are still defaulted to false, and ‘pic’ in the plugin respectively, and only adding a ‘att_custom_link’ to the post isn’t overriding that.

(I’m heading out in a bit – so if you reply back and I don’t respond right away – I’ll test out anything else you add later today)

That works perfectly!! Thank you!!!

Hi,
im just trying to figure out how to get lightbox running with the attached image.

(‘href=true&link=image’) but how to specify rel= ?

Right I’ve added that feature. You should be able to get the update as soon as WP’s SVN server updates.

You can specifiy the rel attribute by using rel=whatever in the template call. So (‘href=true&link=image&rel=lightbox’). I’ll update to post with instructions too.

Thanks for the suggestion & hope you like the plugin.

No problem. Glad it works for you.

Thanks for that little snippet dip.

There probably should be a default image options screen so you don’t have to do it in the loop. Other than that, this is the best plugin for the job I have ever found. Great job.

You may want to modify it so that for the explanation of the default option, its the absolute page starting from your wordpress directory and not your host directory. It took me just a little while to figure that out, but not so bad now that I know.

Hey, you should add the actual field names back in the post above for the general options… they were there yesterday! And I use this page as a reference

Thanks.

Thanks my friend for the great plugin… you Rock!!

If I may, I have one more suggestion for your next upgrade, that will please I think your SEO-centric fans:
Now that you have gone through the options page, maybe you could add
a default title tag with choices such as: image-name, post-title or post-slug & also a custom field for the title tag.
Maybe the alt tag also, but I think title is more important.

Thanks again ….

I am glad you liked my idea… Looking forward to your new upgrade…

One more thing though, it seems I cannot make the custom image to work.

Do I have to do something in the template with this new version?
I have removed all the options from the function call as you say, but it keeps on showing an attached image and not the custom one. In the value of the custom field I place just the id of the image I want, (i.e. 188) is that correct??

the custom default image works fine (with the path). Perhaps you should write it a bit more clear for the dummies… because at first I was trying with the id as well.. :fool:

thanks

I’m now going to call myself an idiot for about a week.

I found the problem. It’s nothing wrong with the code, it’s the instructions. The custom fields key is att_custom_img and not att_custom_image like I had written.

I can’t believe I made a mistake like that. I’ve updated that problem & I’ve updated the default image bit to make it a little clearer.

No problem. Let me know if there is any bugs. User input is the only way I can find and fix bugs.

Well that’s kinda right. The reason you cannot have a title tag when No Link is set is not because of the coding I could easily have a title tag inside the img tag. The problem is more to do with SEO. Some people say that you shouldn’t have a title attribute inside a image tag and some say you should.

I was always taught that you should use the title attribute in hyperlinks and the alt in images. Although I think maybe it would be better if I allowed a title attribute in the image tag if there is no hyperlink & remove it and place it in the hyperlink if there is one. I think that makes sense.

I think I’ll try that.

Hmmm. I’d never thought about that. I guess that’s the problem with an options page, the options will be global.

I have just tried a little jiggery pokery with the coding & I’ve managed to make it so that you can override the options page using the argument call. I’ll put the update on the SVN server after I’ve finished with a few adjustments I’m making.

big problem with the new option configuration :/

i used the the_attached_image() in index.php AND in single.php but with different options…

index: img_size=full&width=760&default=/wp-content/default_images/default.jpg&href=true&link=post

single: rel=lightbox[' . get_the_ID() . ']&img_size=full&width=760&default=/wp-content/default_images/default.jpg&href=true&link=image

im wondering how to solve this little problem with the new options now… any suggestions?

Right that’s been uploaded, just use the old parameter method to specify the rel attribute, the rest of your attributes seem to be the same so you should beable to just specify them in the options.

I will add parameter support for all the different options again, that way you will beable to use the options page & then override the page with the inline parameters. I can’t at the minute since I’m still reloading all my programs etc. I have added rel support though.

It should do. In that one I’ve just uploaded I seperated rel, link and one or two others. I just haven’t updated the docs yet since I’m going to do them all tomorrow & then update the documentation…

I’ve just checked on my localhost & it seems to work ok. Let me know if there is a bug.

I’ve just tested your code on my localhost & it works ok. I can’t really help if I can’t replicate the problem. Sorry.

All I can suggest is to check that you have the latest version of the plugin (2.3.3). Here is the two sets of code I used in my localhost test.

On index.php the_attached_image(’link=post’);
On single.php the_attached_image('lightbox[]&link=image');

I’m not sure why it’s not working. I didn’t use href=true since it isn’t need anymore but I have tested with href=true included and it doesn’t make any difference. I’m really sorry.

Hi Sandra,

I’m sorry about that. I should really write it on my post. I keep forgetting that new users of WordPress may not know about the repository.

You can get it from the WordPress plugin repository, here is a direct link to my plugin. Or you can download it using the plugin installer built within wordpress 2.8. I don’t host it here because WordPress give plugin authors a SVN account to make it really easy to update your plugin.

Hope that helps.

Hi dip,

Thanks for letting me know, and I’m really glad you got it working. I’m going to add support for overide on all of the features later on this week sometime. Thanks for all the help with the bug testing so far & just let me know if you come across anymore.

Thanks again.

One thing that I can’t get to work is the alt=”" tag isn’t showing up, even when I select post title. Any advice here?

Right hopefully that has fixed the problem. I will be updating again with the extra overrides. I just haven’t gotten round to it yet.

Doing too many things at once isn’t adviseable. Let me know if the update fixes your alt problem, it should be available via WordPress plugin updater in 5-10 minutes or so.

Strange.

Not sure how that worked, since the problem I managed to find was this. The bit you mentioned looked like this:

get_alt($alt); //Get alt text
if(!empty($alt_text)) {
	$image .= ' alt="'.$alt_text.'"';
}

When it should look like this:

$alt_text = get_alt($alt); //Get alt text
if(!empty($alt_text)) {
	$image .= ' alt="'.$alt_text.'"';
}

I forgot to assign the result of the function to a variable. Doh! As far as I can tell the space shouldn’t matter, but adding it should hurt either.

If the space really did fix it, great. I just don’t get how.

The update should fix any problems though.

Oh, I didn’t see your timely reply, Ill replace the code above also and report back to you Thank you for your dedication.

line 284 so you dont have to try to find it yourself

Okay, it’s working great. I’ll report back if I notice anything else.

Thanks, I really appreciate your kind complements and that your plugin works so well!

One more question (lol) I have multiple sections to my site where I’d like a different default picture to display, so I’m trying to use the legacy default=/wp-content/blah/blah.jpeg to overwrite the default default image. Doesn’t seem to be overwriting correctly… Like dip commented previously, it may be corrected with your new code that I have yet to snag, so I’ll wait for it, but just making sure that it can and suppose to work way.

Let me know. Again, it’s really not a problem or critical, but noticed that its not working now

Here’s what I’m trying to do:

< ?php the_attached_image(’default=/wp-content/uploads/2009/01/lauren.jpg’); ?>

Edit: I’ve cleaned up the code & merged the other posts onto this one. Don’t worry about the extra comments it’s easy to clean it up.

Ok update is done. It’s version 2.4 and should be available as soon as WP.org servers catch up. I’ve added legacy support to every parameter and I’ve checked as many as I could. If you do come across any problems please let me know.

Thanks for all the help.

Doh! wrong link. http://www.roguedeals.com/support

Don’t have time to scan the comments in case this was addressed – but think I found a bug. I didn’t have height or width set for my image – and it wasn’t closing the tag. I had to fix it on my copy because client was wondering why the site was broken (doh) – but the problem was if statement around line 407 – checking width and height… if you don’t have either – you don’t have it just close the img tag… just had to add:
} else {
$image .= ‘” />>’;
}

Ooops sorry about that. It was a little bit of a case of don’t assume. I assumed that there would never be a case where there would be no width or height since WordPress should always have it, but there are cases where it won’t. Sorry. I’ve added it now & if you want to update it will be on the update server in about 10 minutes.

I apologise to both you and your client.

No problem. Always a pleasure.

IE 6 or IE 7. I know about IE 6 I just haven’t the heart to tell everyone using it that they are using the crappest browser ever made.

I don’t think there is anything I can do about it, that’s why I’ve made it so most of the time there will be both a width & height available. Unfortunately it’s just IE being crap.

Yep. Really a decent browser should be able to figure out what the opposite width without much difficulty, but yes I agree you should never leave it to the browser to decide what to do. In the case of images attached to the post I’ve used WordPress to get the width and height, the only time it will be missing is if WordPress doesn’t know. For the default image I’ve used getimagesize() to try and get the width & height, but whether or not that works is dependent upon the users server. Unfortunately.

Wow, sometimes I write too much. By the way I just want to say a proper thank you to you RougeDeals for buying me something from my wishlist. It’s very kind of you & I’ll be sure to enjoy it.

It’s usually really good at keeping track of the sizes of image, rather strange. As for the issue happening in IE7 I’ve never seen it, but I think I’ll give it a little bit of investigation later on.

You’ve intrigued me. Also Jennifer I was wondering if you had any little button style links like the RougeDeals one so I could link to your website, if it’s ok too of course?

Me again. the legacy img_size doesn’t seem to be over-riding the default. I’m currently developing a carousel slider and I want the images to be bigger than the default thumb size Thanks!

2.4.2 was just pushed to me today. I’ll test again and let you know.

As I understand it, this plugin places one image from the most current blog post anywhere on the blog? Is there a way to put this in a page and have it display one image from the most current 10 posts?

Wow, thanks for the uber-fast reply.
No, I’m looking to display a strip of small images horizontally on a page, with each image linking back to that post on the blog. Like the ‘album’ theme for wordpress: http://www.studiopress.com/themes/album
But I don’t want to run the whole blog like that, I just want one strip of images across a page.

No hurry at all. I have been searching for an answer to this for 7 hours today already. I’m just excited as hell that there may be a solution!

Thanks a TON! I have to move my blog from a subdirectory to my root and make a wordpress page as my main/splash page, so it’ll take some time to get it running as I want it. I’d rather do it in straight html, but of course html doesn’t read wordpress tags.

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.

Yep. I made a post just to thank you.

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

a img {
  border:0;
}

OR

img {
  border:0;
}

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.

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.

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.

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.

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 !!

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 !

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?

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.

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.

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!

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!

@Jake: No problem Jake, It was a good idea that I’d planned to add ages ago but never got round too. Your request for it gave me the kick up the backside I needed to add it.

@Arjan: Glad it’s working now. Unfortunately that isn’t possible because of coding limitations. The width & height are set via the image tag’s width & height attribute which resize the image via the browser your usings built in javascript functions.

I am trying to think a solution & there may be one in a future release so keep watching this space.

Ahh well that makes it a little simpler. If you only want the image to be shown on the home/index page and not single posts use something like this:

if(is_home()) {
  the_attached_image();
}

instead of:

the_attached_image();

That should work. Don’t worry about it. PHP & Wordpress is a little tricky at first.

Hi, it works well ! Thanks so much !

However, how could I also include category page, achive page and search page (exclude the single post page) in the codes? I tried to use AND or OR (trying hard to pretend I kind of know something ) but give my site a blank page.

Then, I did this :

I know it is stupid lol ! However, this is the only way I know how to do it. It works ok with achive page. But when I click the category from my homepage, then it will show two same images side by side at the category page.

Also, currently, at the homepage, the image is sitting on top of the title & content. I hope to make the image float left, so content can wrap the image on right. I tried to look the template you shared for the celeborama, but can’t figure how I could do it.

Last but not least, I imported XML files from wordpress.org to my new self-hosted site. However, no attached image show up unless I re-upload them. Is that a trick to do this faster?

I am so sorry for so many questions I really appreciate your time and help !

@Jake: Ok, I’ve completed that fix for you. It should be version 2.4.6 and will be available via WP plugin update as soon as the SVN server updates. Hope that fixes it & sorry. I guess I hadn’t had enough coffee.

I’m not exactly sure what you are asking but the plugin is meant to output an image tag pointing to the first attached image. You can echo out the path to the image to put in your own image tag if that’s what you want. You just turn generate an image tag to false in the options page & it will output the path to the image instead.

If that’s not what you meant please explain a little more & I’ll get back to ya.

Without seeing the template, I can’t really figure it out. I can give my best guess though.

My best guess is that in the custom loop parts of the theme, the $post array has not been repopulated for each new custom loop. Most people forget about it but lost of posts that alter or add to post content need them.

At some point I’ll try and add something to compensate. Untill then if you can post your template code to something like pastebin so I can see it I’ll beable to tell you if that’s the problem. If not I’ll see what else I can find.

Sorry about the problems & I hope we can fix them quickly for you.

If it’s a normal template & the images should be appearing where the UTI crowns are it would just be the entire index.php file of the template.

Wow I didn’t recognize it.

Ok first we’ll start with this bit:

<?php
                //Interacts with control panel to determine lead category
                        $bm_categories = get_categories('hide_empty=0');
                        $mim_feature = get_settings( "mim_feature" );
                        if( $mim_feature == 0 ) { $mim_feature = $bm_categories[ 0 ]->cat_ID; }
                        query_posts( 'showposts=1&cat=' . $mim_feature );
                        while (have_posts()) : the_post();
                ?>
                <?php the_attached_image(); ?>
                </div>

The problem is that query_posts in my experience doesn’t reset the $post array. So you have to do it manually. I haven’t been able to test this since I’m not at my localhost but it should work.

Everytime you use the_attached_image() in a loop that isn’t the main wordpress one (another words if it doesn’t use the query settings definied in the options pages of wordpress) then you will need to replace the query_posts that is in the template with a new WP_Query instead. Here is what the first query from your template would look like:

//Interacts with control panel to determine lead category
$bm_categories = get_categories('hide_empty=0');
$mim_feature = get_settings( "mim_feature" );
if( $mim_feature == 0 ) { $mim_feature = $bm_categories[ 0 ]->cat_ID; }
$temp = $wp_query; //store the old WP query
$wp_query = null; //Nullify the $wp_query variable
$wp_query = new WP_Query(); //create a new query
$wp_query->query(showposts=1&cat=' . $mim_feature); //Change the query to whatever it said in the template
$temp_posts = $posts; //store the old posts array
$posts = null; //nullify the posts array
$posts = $wp_query->posts; //store the new posts array
$tmp_post = $post;
$post = null;
while (have_posts()) : the_post();

After the while you would need to add this little extra bit. It must come straight after the the_post();

$post = $wp_query->post;

Then after the while loop ends (line 35 in your template) you need to reset everything like this:

$wp_query = null;
$wp_query = $temp;
$posts = null;
$posts = $temp_posts;
$post = null;
$post = $temp_post;

Unfotunately you’ll have to do that everytime changing the query each time. The reason is simply because WP doesn’t update the $post or $posts array when using query_posts() and they are the only two variables plugin developers can use to grab the current post. Using this method updates & then restores those variables each time meaning the plugins can use those arrays properly. I use it on Celeb O Rama & the site Purrfect Gifts uses it quite extensively along with my plugin to make the Carousel.

If you have any other questions or are still confused about making the custom loops let me know & I’ll see what I can do to help.

whoops, sorry, just re-read the comments … !

Nope you’re not being dense. That was actually my fault & you were right the first time, I do have a unopened quote. The line:

$wp_query->query(showposts=1&cat=3 $mim_feature);

should be:

$wp_query->query('showposts=1&cat='.$mim_feature);

I’m assuming the theme Mambo pro has some sort of options page where you can set the category this shows (that’s what $mim_feature is for.

Give that a try & let me know.

Your code vanished… Damn I hate WordPress sometimes.

I did manage to give the code a go on my localhost this morning & when using query_posts(); it doesn’t work properly (it trys to use the posts from the main loop), but when I use the code I gave to you it works correctly. So I’m not sure why the image isn’t showing… I’m afraid you have me beat. Sorry.

The only thing I can suggest is that it is still something to do with the way the theme works since there are already quite a few people using it, including myself. You could send me the whole theme & I’ll try & get it working on my local server, other than that I’m afraid I’m stumped. I’m really sorry.

Hi,
I’ve been following you and Peter C, because I’ve got the same issue, only I’m using the default wordpress theme in which I’ve customised the HTML only. I’ve upgraded to v2.4.7 a minute ago too, but still no luck.

I’ve done some debugging and have narrowed it down to the following:
Works when I create a new post, and upload an image into the post.
Doesn’t work when I create a new post and insert an existing image from the media library (i just get my default pic).

The website in question is http://lisafaye.robholmes.net

I’m a PHP developer if that helps, so feel free to throw any jargon at me you need to, or ask any questions about setup, etc.

Hope you can help. Thanks,
Rob

Thanks, it’s for a friend of mine (Lisa Faye… doh, was that obvious? lol)

When I say insert a pic from the media library i mean as follows:
In the edit/new post screen, I click on the ‘Add an image’ link which brings up a modal box with 3 tabs. I click on the media library tab, then click ‘Show’ for the image I need, then click on ‘Insert into post’ button.

This puts the image into the post, but by looking at the database table ‘posts’, it doesn’t create an attachment record, but just inserts an img tag into the post_content, with the src going straight to the images location.

eg. the img tag looks like this:

Hope this helps a little more.

Thank you, I really appreciate your help on this

Ok, giving up on trying to show you the tag, wordpress isn’t playing ball

That’s created another bug, sorry. Now the default image doesn’t get show if there is no image. I’m working on it

ok, *hands held high* my mistake.

I thought the plugin would do it all in that order, but I didnt realise you had to have a custom field to make it look through the post.

Can this be added as an option in the Appearance->The_Attached_Image area, because that would be really handy to have it use the regex method by default, if it fails on all the other methods?

Thanks for all you’re help, and sorry if I sounded cocky, I really didn’t mean to, I was just trying to help.

Hi,

Thanks a lot for your plugin: ‘it saves my website’.
I just wonder about something:
- if I put some image in my post it is working
- but if I put an image coming from nextgen gallery, the attached the image plugin doesn’t display anything.
Is their any way to make it work with nextgen image gallery?

Thanks a lot

Hi Veneficus. By doing the small tweak:

On line 264:
if($in_post_image != false) {
should be:
if($in_post_image == false) {

as discussed above, it now grabs images — awesome! but ….

it now won’t use the default image if it can’t find any images in the post.

Do we have to use a custom field to make it use the default post? Do we have to usually use a custom field to make it search for images in the posts?

I have now added the checkbox feature in the options page to turn on & off the in post image system. Just press the checkbox & type a number for what image it should try to grab from the post. It will completely bypass the normal functionality of the plugin though.

Please, please, please, please read the documentation. It saves me & you a lot of time. I’ll still answer any questions, but it helps both you & me if you read the docs & make sure the answer isn’t in there before you ask any questions.

No problem Marie.

I’ll definitely try to get a bridge done at some point, but I can’t say when. Sorry.

[...] Attached Image is a simple plugin that packs quite a punch… …..read more Download Plugin! Plugin Owner: Paul Robinson Homepage: Visit Plugin’s Website Version [...]

I have added that new version to the WP SVN plugins server & you should be able to grab it in a few minutes. Just use have_attached_image() to check. It will return true if images are available & false if they aren’t.

Hope that helps you Matt.

Hi,

My plugin doesn’t have any sort of caching built into it so if you have deleted the image it should automatically change. I remember someone else having this problem, but we never figured out what caused it.

My best guess was wp-supercache but if you delete the image it shouldn’t be able to show regardless of caching. You could also check your browsers cache (especially if you use FireFox). I can definitely comfirm it isn’t the plugin though.

Also, probably a stupid question, but have you deleted the old image (in the uploader) and uploaded the new one.

No problem.

Hey there Ahni,

You don’t really need to use my plugin for that WordPress has something called the Gallery Shortcode built in for doing what you have asked. To do it in your template just find where you wish your images to show everytime & place . I use it on my other site.

I hope that helps a little.

oy, that didn’t work. I meant: http://codex.wordpress.org/Gallery_Shortcode

Well, it’s working great so far Added in an image.php template and now I’m feeling all professional. One more quick question though…. Umm, how come the sky is blue?

haha, just kidding. Take care.

Just wanted to drop a line thanking you for this plugin. It does exactly what was essential to my preferred layout. I do think I’ll be donating! Cheers.

Hello, congratulation for such a great script. I made some hack to create_default_image function in order to be aware of config value in "Generate An Image Tag". For default this function always return an img tag, so here i share the hack

(Using v2.4.9 on WP-2.7.1 and Virtual multiblog v2.5)

In file the-attached-image.php line 559 change line

$image = '<img src="'.get_bloginfo('url').$default.'" class="'.$css_class.'" ';

to

// Start of hack
$img_tag = get_option('att_img_tag');

if($img_tag === true || $img_tag == 'true')
{ //Do they want an image tag along with setting the height & width.
$image = '<img src="'.get_bloginfo('url').$default.'" class="'.$css_class.'" ';
}
else
{
$image = get_bloginfo('url').$default;
return $image;
}
// End of hack

@Eduardo: Sorry for not replying, my emails telling me I’ve recieved a comment are being classed as spam by Gmail.

Thanks for the fix. I hadn’t realised there was a bug. I’ll add that fix in asap.

@dmitry: I know this seems a bit of a cop-out but without any errors I cannot help you. The only think I can think of is that after installing the plugin you haven’t added the function call into your WP template. You need to add into your template whereever you want the image to apppear.

If you can give any more info it would help alot.

Awesome plugin. I’m trying to escape PostThumbs, but there’s one thing stopping me. (btw, PostThumbs will cause your site to get hacked).

When I try to use the call multiple times on my home.php, it only shows the image of the first query. Basically, I want to call the medium size once for my main category. And then I have 8 other queries on the same page that will each call the function for the thumb size.

Here’s the second query on my home.php (it just shows the same image from the first query 13 times)

have_posts()) : $recent->the_post();?>

<a href="">

Am i doing something wrong. Thanks.

Hey,

Thanks. I sent you an email.

No problem.

Hi,

WordPress 2.8 compat has been tested by me & other users of the plugin with no problems. The upgrade to 2.9 when it’s released probably will due to the planned changes in the media section, but for now the plugin still works correctly.

What exactly is the problem you are getting?

[...] da página opções plugins, Confira a lista de parâmetros suportados aqui. Download A imagem anexada Plugin | Plugin Documentação Comments [0] Print [...]

Hi Sebastian,

I’ll have a check in the code to make sure there isn’t a problem, but from looking at the code snippet you gave my immediate thoughts are this, here is the snippet you gave:

the_attached_image(’link=none&href=false&img_size=medium&link=image&css_class=mb&image_order=1?);

You have set the link to none at the start but then you have set it to image again later. That is probably what is wrong. If not let me know & I’ll see what else I can find.

Hi,
from the look of the autothumb plugin it automatically parses image tags with any parameters, such as ?zc=1&width=500, etc & redirects them to the thumbnail making script. That would mean normally mean you could just use my plugin call, but from looking at the plugin authors comments it seems it runs on the_content hook which means it wouldn’t work.

Here is a possible solution for you though. In your template where you are calling my plugin do this instead:

<?php
$img = the_attached_image('img_size=medium&echo=false&link=none');
echo getphpthumburl($img, 'w=350&h=225&zc=1');
?>

I hope that makes sense. Because the autothumb plugin will ignore any img tags in the template you have to call it directly. I think that should work. I can’t test it because I don’t have autothumb & don’t have anyway to test it right at this minute.

Hope it works though.

No problem, and good luck.

and your pre tags dont work, either. I used them properly and it mangled my code.

Hey Coconut,

The pre tags do work but WordPress has an awful habit of mangling code written by non members for some reason. Something I wish they would sort out by integrating GeShi into the core, probably not going to happen though. Also you should replace <pre lang=”language”> with the language you are writing in. So PHP in this case.

Depending on how your wp_query was made it may have broken because of the update. I have been away from coding for a little while & haven’t had much time to check things, but I’ll check the plugin with 2.8 & 2.8.1 a bit more than I already have to make sure there isn’t any strange things going on.

Hi,

It looks like WP’s comments has destroyed the code you wrote in the comment. From the look of it though you have used a $my_query = new WP_Query('query') which doesn’t work because the attached image taps directly into the main WP query, which is $wp_query. If you run a query that way it shouldn’t work regardless of the WP version you are running. I will do a tutorial soon showing how I was taught the best way to do it was.

I have tested the plugin extensively in 2.8 & 2.8.1 and there are no problems, I have also asked a few people who are using it on their clients sites and they have no problems in 2.8. For instance the plugin runs the images in the javascript slideshow on this test site and that is running 2.8 (just look in the source code).

I will keep looking, but it looks like it is something else, what I don’t know.

Yeah the query should still work, but so should the plugin as far as I can see. I just meant that The Attached Image shouldn’t work properly with a query made like that. (See my most recent blog post).

I have absolutely no idea why it isn’t working. I spent most of yesterday trying to break it in 2.8.1 and couldn’t. If you could check for any PHP errors (they are normally disabled) it would be really helpful. I’ll keep trying, but as far as I can see there isn’t any problems.

Hi Luke,

Yeah, the declaration was done on purpose since without it the same problem you had seemed to happen regardless of the query used. I made a post about another reason I used $wp_query too.

It a good idea though to use the custom query as an argument. As easy as it sounds I never thought about it. Thanks for the idea & I’ll add it as soon as I can.

If you are asking what I think you are then you would do it like this:

$my_query = new WP_Query('showposts=3&cat=3');
while($my_query->have_posts()) : $my_query->the_post();
    //any other post functions you like. For example the_title(); the_permalink(); etc...
    the_attached_image('img_size=thumb', $my_query);
endwhile;

Just replace the 'cat=3' bit with the ID of the category you want to show (you can always use category_name=catname instead). Look on the WordPress codex for the loop for the other functions to use, if you don’t know them, within the loop. Such as the_title().

Hope that helps.

Ok, can I just email you?

Hello. I wish I had the option:

the image is added to the feeds.

Without this option my feeds do not have image.
Thank you for creating this great plugin

Veneficus Unus, thank you very much.

There is a plugin that does this: ( http://web-argument.com/wp-rss-images-wordpress-plugin/ ) but does not insert image, insert link

I hope this information helps.

Thanks, again

Veneficus Unus. I update the plugin. It works very well.

Now the images are attached as files, would like to attach as images,
in the same way you see on the website.

Thanks.

Veneficus Unus, your plugin is excellent. I am glad that you continue working on it.. Thank you very much.

Hi
This plugin is excellent – and hopefully it can do even what I hope for.
Actually I’m looking for a replacement for an outdated post-thumb plugin. Point is: With the old plugin I inserted a piece of code in our templates (just as I must do to use your attached-image). Then, the first time the post was viewed, a thumbnail from the post’s top image was generated.
In other words: I hope it’s somehow possible to replace the post-thumb code with some attach-image code, and voilà! – all the thumbs appear as they should.
With standard use it seems that I have to upload an image to any existing post to make a thumbnail appear. If so, I will have to do this task for all the ca 250 posts on our site – I hope not. (Or is there some other way I can achieve this, maybe together with some other plugin?)
Maybe I should add, since our site is in Norwegian, that it isn’t a blog but a travel guide, with fairly static posts which are visited regardless of when they where published. Today it works like this: http://www.dolcevita.no/umbria/
I hope that you can help me on…
Thanks,
Kjetil

Thanks a lot
- the all-time quickest response I’ve got during two years with WP! )
All the images are uploaded using WP’s upload function. The problem, it seems, is that the images are already there. So, I need the plugin to display thumbs from images already in the posts, not just in new posts.
If this isn’t possible, I will have to edit each post – delete the top image – re-upload the same image – and click save.
I was hoping to avoid that – but maybe it’s un-avoidable.
Hope I explain myself precisely enough.

Sorry forgot.

You shouldn’t need to upload all the images again though. The Attached Image just asks WP for any images that have been uploaded to the current post ran through the loop. If it has one it is shown. If you have images inserted in posts via img tags after you’ve uploaded them via the WP uploader then TAI should still pull up the image you will just have a duplicate (because of the image you manually inserted).

I hope I’m understanding you correctly.

It doesn’t matter if you use the flash uploader or not, it still goes through the same process during upload.

“The Loop” is just a developers term for the section of a template which repeats to show each post. it generally looks like:

while(have_posts()) : the_post();
//some stuff here
endwhile;

As long as the template reference to the attached image is between there somewhere it should show the thumbnails fine. If it isn’t you will got odd things happening such as no thumbs showing or even thumbnails from posts you weren’t expecting.

If you have a link to the website your testing on or you could provide some screenshots via email of the problem your having it would help a lot in troubleshooting it.

Sorry about not replying, just had to format my computer & I’ve been reinstalling everything.

Anyway. I’m not exactly sure what is going on there. Usually that error would mean that $attachments is empty (or isn’t an array), but if that happens it shouldn’t get to that part of the script since $attachments is checked first. You say it is running ok though despite the error? I’ll see what I can find but it’s very strange.

The code in my last message didn’t post . . . let me try it again.

Hi again,

I’m not sure why WP truncates the code sometimes. Can you send it to my email addy: pablorobinson[at]gmail[dot]com

I think it’s something to do with the theme I’m using.

Hi,

That’s really odd. It has never happened during testing so I’m going to assume it is something unique to your blog. The only thing I can think of that would cause that is somewhere on the post/page you have wrote the gallery shortcode [gallery], or your template has it hardcoded into it with do_shortcode('[gallery]'); at some point. Those are the only ways I know to show all of the thumbnails.

Just to be safe though I have just checked through my test blog & there are no problems like that happening.

Sorry if that isn’t much help, but again that’s all the possible problems I can think of. If you still have problems, but can find anything else about the problem it would help alot.

Woah! What? lol.

Yeah unfortunately if you re-use an image that is attached to one post in another post it will not count. I haven’t figured out, or rather I don’t think you can, get it to realize that it is actually attached to a post, just not the one you are in. Good idea with switching to nth content image though.

Not sure about the skewing problem though. I’ve had a check through the code & can’t see anything that might be causing it. What exactly do you mean by skewing though?

Edit: I may have just found something, but I can’t test it at the minute. If you want to give it a go here is what I was going to change:

//if image is offsite we try our best to get the image size;
$imagesize = @getimagesize($img_url);
//if not we have to resort to making an empty array to stop PHP taking a fit.
if(!isset($imagesize[0])) {
	$imagesize = array('', '', '', '');
}

change it to this:

//if image is offsite we try our best to get the image size;
$imagesize = @getimagesize($img_url);
//if not we have to resort to making an empty array to stop PHP taking a fit.
if(!isset($imagesize[0])) {
	$imagesize = array(FALSE, FLASE, FLASE, FALSE);
}

Basically I think if getting the image size fails it won’t set the width & height to false (so that the width & height won’t be written in the HTML & browser will autodetect width & height). Instead it writes a blank width & height into the source code (which for some reason doesn’t show in FireFox’s source code viewer). Those FALSE should auto set them to false if getting the size fails.

If that doesn’t work I’m up the creek without a paddle since I can’t find anything else that would cause the images to skew.

Oh and welcome back.

No problems.

I had a feeling some of the comment had gone missing. We’ve been having a few problems with someone abusing the server recently, so you might have pressed submit just as the server had a glitch. We’ve nearly got that sorted though, I’m going round to whoop the guys ass.

The odd thing about that is, it shouldn’t have a problem grabbing the image size unless you are linking an external image (via URL) & your server doesn’t allow external URL wrappers via getimagesize(). That’s why the empty array was in there, PHP would error if I didn’t provide an array in the pattern it expected, but I should have wrote FALSE instead of the empty strings in the first place. Didn’t have enought coffee that day methinks.

If you do link back it would be awesome. I’ve been neglecting Return True a little too, in regards to new tutorials, I just haven’t had any inspiration recently. I’ve also been really busy building other peoples websites, lol.

Again no problem & thanks.

The code you would need for that (I’m not sure since I haven’t done it before) would probably be the same as you use for inserting into the template. So something like:

< ?php the_attached_image('parameter=value'); ?>

Should work. I hope that helps. Let me know if that isn’t what you were after & I’ll help as much as possible.

I’m not sure why it has only shown after the update but it is usually caused by the way the query is carried out. If you are using it for the standard WP loop it should be ok, but if it is a custom built loop then it will probably be due to the way that is made. If it is in the default WP loop or the loop is already one of the new WP_Query ones then drop me another line as there must be some sort of bug I haven’t picked up.

Just to let you know though I have tested it in all versions of WP up to 2.8.4 and it seems to be working great.

Well normally you would create a secondary loop to get the extra posts using the parameters provided by WP to limit them to what you want. You can find more about the parameters for custom loops here at WP as their docs are more detailed than I could be in this space. To make a custom loop use this bit of PHP:

$my_query = new WP_Query('parameter=value');
while($my_query->have_posts) : $my_query->the_post();
    the_attached_image('parameters=values', $my_query);
endwhile;

That would allow you to get the array of posts, etc in a way that you could pass to the function. I’m not sure if there is a way to pass the array you have though, since WP requires that the value you give the plugin (due to the functions it uses) is an object set up like WP’s WP_Query object.

Sorry if that isn’t any help.

I tried re-using some old code for another project which needed multiple invocations. Surprise, surprise, Wordpress developers killed the functionality and failed to replace it with an included feature.

This doesn’t work in 2.8, but it did work in 2.3:

Righteo, I finally worked out how my related posts plugin works. I can access each of the related posts IDs using the following bit of PHP code.

Now, how do I incorporate this code into The Attached Image code, so that I can display an image for each related post? Thanks in advance, you are always so helpful!

Can you modify the in_post_image to respect the echo=false attribute.

//...
if($in_post_image != false) {
  // ....
        if($echo === true || $echo == 'true'){ //Echo it?
		echo $image_output;
		return true;
	}else //Ok we'll return it instead.
		return $image_output;
}
//....

I just thought of a stupid feature for you to consider, and it would be challenging too! So here it goes.

As it is now, for each post, your plugin returns a thumbnail for that given post.

What if, you made it so that it was able to create a master-image file “cache” with all the post thumbnails… so that they would all be stored in one image file which then would be smart enough to create a css sprite style to display the correct image within the image for the post in question.

A CSS sprite uses one bigger image, for example, a big image with a bunch of icons inside it, spaced out every X height. CSS only has to download the image once, thus only one http_request sent to the server. When a thumbnail wants to be used, it goes X pixels down and uses the thumbnail size Y height Z width to pick the area to display.

Im not sure if I explained clearly, infact, im sure I haven’t… but if you just google css image sprite, im sure it will become clear.

The purpose of this functionality would be to only make 1 http_request for all the attach_image thumbnails so that the page loads faster.

I am working on doing this now for my site and thought it would be cool if your plugin had this feature built in.

-Eric

Hi, I have a question.

From the description:

Image Order:
If there isn’t 3 images it will pick the nearest it can get to the 3rd image.

Is there any way to get the plugin to do nothing in this case? just return false.

In my case the plugin duplicates the thumbnails

thanks in advance

Its me again. The first tab on my site, never displays the thumbnail correctly.
Here is the query calls. Is it because there are two loops, does it get confused or something? I can’t think of any other reason behind it not generating the thumbnail.

Me again with another feature idea!

When you use the option to use the nth image in the post it uses the full size image. You should write a function to check to see if there is a thumbnail of that image instead of always using the full size image

This is why I turned off using the Nth image in the post because it was adding a lot of size to my loading time.

To code it, I’d say, the attached image dimensions have to be the same as the wordpress thumbnail size.

It would be as easy as doing making an if image/imagefile($width)x(height).png exists, else.

To make it easier for people to resize thumbnails for this requirement, maybe link to Regen Thumbnails plugin:
http://www.viper007bond.com/wordpress-plugins/regenerate-thumbnails/

I use it and it works great if I want to change the thumbnail size.
Hope you consider this
Eric

I’ll look around to see if I can find the database entry for the thumbnail sizes.

Like I said in the previous post, another option would be to instruct users of your plugin to use the same dimensions as the ones defined in the wordpress media settings, that way you can just pull your height and width numbers and not worry about what wordpress uses.

The problem is not with the thumb sizes (if crop is on) but with the medium, and large sizes (and the thumb if crop is off). I would need to know the exact sizes that WP used & in the case of proportionate thumbs it works it out it’s self.

I guess I could find the correct options & then try & work out the proportionate sizes myself like WP does, but math gives me a headache, lol. I might have to seek out my sis’ help (she’s good at math).

Thanks for finding that, I now have somewhere to start from.

I noticed that its taking the normal image still on some posts even though a thumbnail image exists. Ill try to figure out a pattern of why its only doing it to some of my posts, but again, not sure why yet.

Just wondering if you were able to find WPs other DB entries for the other sizes? They are all in that wp_options table

I cannot find any correlation to with the images that are not using the correct (thumbnail) size. I have no idea whatelse to try. I’m going to take a look at your code today and see if I can see anything apparent.

- Eric

No problem, Im glad to help.

Let me clarify with what I mean about the issue I am experiencing.

-I am using the Nth image instead of using the attached image
-I am using the 1st image
-the 1st image has a thumbnail in the directory
-some of them use the correct thumbnail image (one that is actually thumbnail sized)
other posts are using the bigger image even though a thumbnail exists (it is scaling it correctly, but this is creating longer load times since it has to process the full image size)

Feel free to go to my site and right click->properties on the thumbnails on the sidebar and youll see some of them are full size some of them use the thumbnail.

The ones that are using the full sized image actually have thumbnails. You can verify this by copyign the image location path for the ones that use the full size and just change the ending to -48×48. instead of 150×150 or whatever it is.

Any more questions, let me know!
Eric

Thanks Eric.

I’m just about to commit the update to SVN now so that everyone else can update. Thanks again for testing.

Hi Thiago,

Unfortunately WP seems to have this problem (on my site anyway) where it keeps stripping the code people write. I’ve tried & am still trying to fix that so unfortunately as you can see your code was stripped. If you can send it to me in an email I’ll help you as soon as I can.

Sorry again.

Can I assume you are using the In Post Image function & not the normal attached image function then?

If so both I and RogueDeals have been tested the thumb grabbing system & have had no problems with it. I have just checked again (on my testing server) & I can’t find any problems.

Getting the thumbnail via a in post image is entirely guess work by the server so I’m expecting it not to work for a few people. If you can help me with figuring out why it doesn’t work then I’ll at least be able to see if I can tweak the code to work for you.

Can you email me the code you are using to display the image, the filename of the full size, medium & thumb images, and the size you have set for your thumbnails (in the WP media options page).

Thanks.

Hey there,

I’ve disabled the RSS feature. It seems to be hugely incompatible & I don’t think it is worth the trouble of trying to get it to work. RSS in WP just doesn’t work like the posts do.

It should fix that error for you. Let me know if there are any more problems.

No problem.

Thanks again for all the help.

Hi,

Not really due to the nature of the plugin. You might be able to fool it into thinking you are in the loop though by emulating the object WordPress uses in the loop.

This is untested but something like this may work:

$my_query->post->ID = $id; //$id is the id of the post...
//now call the attached image handing it the fake query object
the_attached_image('img_size=medium', $my_query);

It might work, it might not, but it’s worth a shot. Let me know how you get on & I’ll be glad to help you more if I can.

Oh ok I get what you want now.

I’ve had a quick scan through the WP popular posts plugin & I think I can help you. I can’t test the code as I’m away from my testing server so please excuse any problems or mistakes, if there are any tell me what happens & I’ll try to help you.

Open up the wordpress-popular-posts.php file from the plugin & look for this section of code:

if ($this->options_holder[$summoner]['thumbnail']['show'] ) {
	// let's try to retrieve the first image of the current post
	$img = $this->get_img($wppost->ID);
	if ( (!$img || empty($img)) || !$this->GD ) {
		$thumb = "";
	} else {
		$thumb = "<a href=\"".get_permalink($wppost- rel="nofollow">ID)."\" title=\"". htmlspecialchars(stripslashes($tit)) ."\"><img src=\"". get_bloginfo('url') . "/" . PLUGINDIR . "/wordpress-popular-posts/scripts/timthumb.php?src=". $img[1] ."&amp;h=".$this->options_holder[$summoner]['thumbnail']['height']."&amp;w=".$this->options_holder[$summoner]['thumbnail']['width']."&amp;zc=1\" alt=\"".$wppost->post_title."\" border=\"0\" class=\"wpp-thumbnail\" "."/></a>";
	}

}

If you don’t want the normal image grabbing feature of the plugin just remove everything between the 1st & last lines of that snippet, so you should end up with this:

if ($this->options_holder[$summoner]['thumbnail']['show'] ) {

}

Now add in this code:

if ($this->options_holder[$summoner]['thumbnail']['show'] ) {
	$my_image_query->post->ID = $wppost->ID;
        $thumb = the_attached_image('echo=false', $my_image_query);
}

You will need to leave the option for the popular posts plugin to show a thumbnail switched on as you have just replaced it’s normal function with the attached image instead,if it’s not on the popular posts plugin will just ignore the alteration.

With any luck that should work, again I can’t test it because I’m away from my testing server and I don’t have remote access, but let me know if it works or if it doesn’t what problems you get.

No problem. Glad I was able to help.

wow I wasn’t expecting that… Basically one of the functions I’ve used in my plugin is named the same as one used in your themes functions file.

Basically all I can suggest is to do a find & replace on the-attached-image.php looking for get_alt( & replacing it with att_get_alt( yes with the opening braket.

Sorry about that problem, I’ll fix it in the next version by naming all of the functions something unique. If the find & replace doesn’t work let me know & I’ll rush the next version for you.

You can, but due to the fact that google can be a tricky mistress & some coding limitations you can only do it via custom fields on a post by post basis. If you check out the custom fields section of the post above you can find the key to use.

I wanna say a sorry to everyone in advance, my main computer’s graphics card has just died on me & I’m using a very under-powered laptop so until I get a new graphics card from BFG I might not answer comments as quick as I normally do.

Very nice site there.

I’ll try and add that in as soon as I can, but as I mentioned my computer with my local server on it failed (graphics card). I’ve sent off my card for replacement & I should get a new one in a few days or so.

Hi there,

that error is produced by GD as createimagefromstring() is a function used by GD to create a new image. GD is used by WordPress to create thumbnails during upload.

Nothing to do with The Attached Image since it doesn’t use any of GD’s functions. I’m guessing from the error that the Jpg (Jpeg) that you are trying to upload is somehow corrupt, have you tried uploading another image?

Here are a few fixes I’ve found for that issue with WP. First is about the way your host handles uploads with php5 (if it uses php5). Add this to your .htaccess file:

AddType x-mapp-php5 .php
AddHandler x-mapp-php5 .php

Another suggestion is that you jpg may have been saved with progressive switched on & some people have reported problems with uploading progressive saved jpgs.

Hope some of that helps.

Yep that was it. Thanks again!

No problem. I replied before you added that extra comment. Just ignore it, I’ll leave it on though as it might help someone else.

Sorry about that. Here’s the code. I hope…

	term_id);
		if(count($posts) > 1) {
	?>

<h1 class="rubrik_lowcase" title="name; ?>">name; ?>

&lt;a href=&quot;" title=""&gt;</a>

Hi Ivar,

I was hoping I’d fixed the problem with posting code in the comments. Apparently not.

I got your code & once again I’m not exactly sure why the upgrade caused the problem but I do know (I think) how to fix it. I’ve got some plans to stop this from happening but I can’t try them until I get my computer back & working. Until then here is how to fix it.

In you code you have this line:

foreach($posts as $post) :

You need to write this:

foreach($posts as $post) :
$my_query->post->ID = $post->ID;

Then change your attached image call to this:

the_attached_image('', $my_query);

That should work.

Again I’ll try & stop this from happening in the first place but until I get a replacement graphics card (which is taking it’s sweet time) I can’t.

Yay. Glad it helped.

Yeah some things changed in WordPress recently to do with querying posts so that’s why you would need to add those too.

Hi,

I’m not sure. I’ve never ever heard of that error before. Apparently though it is due to plugins not having the correct version in their “tested up to:” field in the readme.txt. Problem is mine is already set to 2.8.4 which is the latest version.

You could try editing it & changing it to 2.8 but I’m not sure if that will make any difference. Is anyone else having this problem too?

The method used in the forum you posted is the only way I’m aware of. I’m unable to test or make sure that it works due to not having an iphone or ipod touch.

I’ll be getting a ipod touch 3G for xmas so I’ll be starting to make sure the plugin is compatible with WPTouch around then.

Sorry I couldn’t be more help. If you don’t get it working check back in a month or so when I should have my ipod (early xmas present I know) & hopefully will have sorted out how to get it working properly.

Hmmm, the only thing I can think of is make sure you are handing the query object as a second parameter to the attached image & also make sure there are images attached to the posts.

It’s most likely that the custom query is correct but you must give the object to the plugin as the second parameter (I will be fixing that in the next version so it does it all automatically).

Hi,

No problem about the plugin. If you could post the code you are using to display the posts from a category I should be able to help.

Ahhh yes, with my graphics card going off, and taking so long to be replaced I just haven’t had the time to fix this problem yet. I promise to get to it very soon. In the mean time here is a quick fix.

As long as $post is an object, it should be, just give it to the attached image call as a second parameter. Like this the_attached_image('', $post);.

Should work, if not let me know & I’ll see if I can come up with something else.

Thanks for the plugin, it works great!! I was wondering if there is a way to put an image description or caption under the image?

thanks a lot for the plugin.. it is wonderful..
i would love to donate.. but will wait till i get some $ in my paypal

This is an awesome plugin! I had a hard time getting pictures to display exactly how I wanted until I found this plugin. Discovered it as I was looking for a solution to my picture problem. THANKS!

Josh

css_class option: from which .css is reading?

I used with a template css class but no success…

css_class just applies whatever class you provide as the class in the img tag. It has no specific target to any CSS file. As far as I am aware it still works, just check to see if the css class you provide is being written into the img tag if it is then it is just waiting to be provided some styling to that class. What CSS file you put it in is entirely up to you.

Hi Paul,

Nice plugin. But i face a very sad problem for a non-coder. My theme doesn’t use the loop, neither the query post function in the way you presented it in your documentation. Here is the way to call posts in my theme :
So, every post displays the same image, the one used in the first post displayed on the homepage. Any simple way to use “attached image” with that code ? Thanks.

Sorry about the code not posting I’ve no idea what causes it.

Anyway onto your question. You can use the attached image with that setup it just takes a little bit of extra code. Before the line setup_postdata($post); put this:

$my_query->ID = $post->ID;

then in the call to the attached image add $my_query as a second parameter. Like this the_attached_image('', $my_query);. Hopefully that will work, it just fools the_attached_image into thinking it is inside a WordPress loop.

Hope it works, let me know if you have any more problems.

Hi

First off the plugin is great.

I’ve got a very peculiar problem at the moment on a site.

I have a list of posts on the home page, all from the same category. When I add a post sometimes is doesnt show the Thumbnail at all (perhaps 50 or 60% of the posts), no source code inserted, almost like the plugin doesnt find an image.

If I delete the image from the post and simply re-insert it it shows up. I’ve just hit one now however that wont show at all.

Any thoughts?

Thanks

Lee

Sorry, doesn’t seem to work. Here is the code. Any mistake or misunderstanding about the place of $my_query->ID = $post->ID; ?

++++ global $post; $myposts = get_posts(‘numberposts=5&offset=1′); foreach($myposts as $post) : $my_query->ID = $post->ID; setup_postdata($post); ++

++++ the_attached_image(”, $my_query); ++<?php the_content(); ++

OK

I’ve just discovered that clicking Pick

Functionality Turn On In Post Image Functionality

and putting 1 as the value fixes this problem

Very odd

I also compared the source code from one that didnt work to one that did and they were exactly the same. Very odd

Thanks

Lee

Hi

Unfortunately the last option kills the Featured Content Gallery when enabled

The strange thing with this is that it works perfectly on some posts and not others, and as I mentioned its copied and pasted so cannot be an image or post content problem.

You can see the problem on the right column here

http://www.yorkshiremanrestaurant.co.uk/

I can the and find you the loop later

Do you have any thoughts on why the post function would break FCG?

Thanks

Lee

Wow! I’m afraid I’m officially stumped. From looking at the pastebin I can’t see any problems it looks perfect. I was going to ask if you’d made sure an image is attached but you’ve already said you have tried reuploading again & again.

The images that wouldn’t show up till re-uploaded? My best guess is that for whatever reason they weren’t in WP’s db properly or not set with the correct status maybe? As for this stubborn one, I honestly have no idea. You’ve added in the attached image in the plugin exactly like I would have. I just don’t understand how it can work for most of them & not for this one.

If you can find out anything else that would help alot, I’ll keep looking over the pastebin & try and find any quirks in the code.

Sorry for the problems your having.

Thanks, I always loved Studiopress’ these but thought they should have either used or built something like my plugin, of course that way way back before I made the plugin & they weren’t called Studiopress, lol.

I’m not sure what is causing it to miss things inside or outside of the plugin. The only thing that has ever caused it to drop thumbs is because of different loop types, I’ve tried my best to cover them all but sometimes one I’ve never seen before pops up, the plugin should work with, WP_Query loops & the standard WP loop, I’m currently upgrading it so that it will work with loops that alter the $post variable directly. Other than that I can’t think of anything.

As for the in post functionality breaking the FCG plugin, I’ve never used them together so I’d never notice. I can’t think of any reason for it to break it though as the attached image is dormant until called via the_attached_image() even with the in post function enabled. I’ll have a check through the code, etc but nothing springs to mind.

The loop generally looks like this:

if(have_posts()) :
  while(have_posts()) :
    //Stuff here
  endwhile;
endif;

Something like that, I’ll need the few lines above it too.

You can find the all index page of the theme here : http://www.buffet-traiteur.fr/index.txt
Line 59 for the first change of code.
The plugin was activated during the test, of course, and there was an image in the post.

Doesn’t work either when moving my_query after setup_postdata.
Theme file here : http://www.buffet-traiteur.fr/index2.txt
Sorry …

I don’t know what it is with me lately. I’ve miss the obvious problem with the code I gave you. It should say this:

$my_query->post->ID = $post->ID;

You’ll have to try it before & after setup_postdata($data); as I can’t remember which place it should go.

Again I’m sorry about the problem that should fix it.

Heres sidebar.php

If you can see anything it would be a big help!

As you said I dont understand why it interferes with FCG, not as if theres any JS involved

Lee

I forgot to paste the link

http://pastebin.com/m1cfe96ec

But it cant be that any really as it fails in the main body featured items also.

Bloody odd this

Lee

No problems. I’ll keep looking a little longer for the cause of the thumbnail problems just in case there is a bug somewhere. As for what happened to FCG, your guess is as good as mine when it comes to JS.

Thanks.

You need to provide the $my_query variable as the second parameter to the attached image. Like this:

foreach($myposts as $post): setup_postdata($post);
  $my_query->post->ID = $post->ID;
  the_attached_image('img_size=thumb', $my_query);
endforeach;

It’s a problem with the way I implemented post looping due to a bug in WP 2.7 & never fixed it. I’m fixing it in the new version so you won’t need to do that soon. Hope that helps.

I’m not sure what’s going on there. I’ll try to replicate the code you have on my local server & see if I can come up with anything. I’ll get back to you tomorrow if that’s ok.

Sorry about the problems.

[...] install The Attached Images plugins properly. Secondly, paste the code (given below) before the <?php the_content(); [...]

Hi,

You have to edit your WordPress template file for the area you want the picture to show. For example, if you want it to show the picture on your home page find the index.php file in your template, find the loop, and add the_attached_image() in the loop.

Hi,

Thanks for the support. I think you may be able to do what you asked. I’m not sure if I added the feature yet (I don’t have access to my dev version at the minute) but if you add the_attached_image('img_size=large'); for the first one and the add the_attached_image('img_size=medium&image_order=2'); it should show the first image large & then the second image medium. If you don’t have a (n)th (second in this case) image it will show the nearest it can get to the (n)th image.

I hope that makes sense, let me know if that works & I agree about custom fields they are a pain sometimes.

Really really sorry about not replying sooner.

As for your CSS it looks fine to me. I’ve built a few websites using my plugin with a hover effect on them & I generally gust use the psudo hover. Althought :hover will only work on the a tag in IE6. If that’s not the problem (which I’m guessing it’s not) then I’m not sure.

If you can provide any more info that might help I’ll certainly take another look for you. Sorry I haven’t been much help.

I guess not. ahh here we go again.

Just wanted to say thanks!! And also for creating such a useful plugin.

No worries you didn’t answer right away. As long as you answer at some point, all is good. Plus it’s the weekend and the holidays =)

I appreciate your answer, as when I heard you have already tried the hover effect in some of the websites you’ve done with this plugin, I tried once again. But something different. I stopped calling the image or link in the class.

And it worked!
Here’s the code that worked out for the hover effect in the thumbnail:
.class:hover { xxx }

You can see it working in my website’s blog:
http://tinyurl.com/yaj6og6

Cheers!

Just another little message, now that I’ve had a proper look at your site (which is looking good by the way).

If you aren’t really bothered about IE6 then feel free to ignore. Your pseudo (.class:hover) will not work in IE6, which I’ve already mentioned, but also the semi-transparency will not work as IE6 doesn’t understand opacity: 0.5 in CSS.

Sorry if it seems like I’m going on, and on, but I just want to let you know that some of your viewers may not see what you expect if they are using IE6 (which unfortunately is still quite a popular browser).

Yeah, most things work in IE7 (thank god) although it’s still an awful browser. I loath IE in all incarnations although if I had to pick IE8 is the best.

From what I can find out 11.1% of people use IE6, which is a lot lower than I thought, so I’m glad to see it’s dying out.

Glad to hear designers & developers are finally deciding to drop support for it too.

Can anyone please explain me how to use the ‘att_custom_img’ key?
I would like to insert an image from the media library. The name of the image is ‘adv_ace’.
I’m trying to get the url by the following code, but it doesn’t work:
the_attached_image('img_size=large&att_custom_img=adv_ace');

Is it also possible to use a custom field from the post ‘advertorialImage’ that has the value ‘adv_ace’ ?

Please help

Hello Paul,

Thanks a lot for the explanation! I’m using the wp_get_attachment_url(); you provided now. In the post custom meta fields I’ve assigned the attachment ID that I want to use (I understand the attachment NAME can not be used?), and that works!
I’m also using the_attached_image though to show the first image as a thumbnail in the archives. Great plugin!

I’m sorry… what I meant to say was getting the URL only (not a returned output, as I said above)… How do I get the URL only for att_in_post_image?

Btw, I’ve set ‘att_img_tag’ to FALSE too… and still it displays the IMG tag…

Can you help?

Thanks!!!

I’ve updated the plugin. Turns out I forgot to add the check for whether or not to generate the image tag in the in post function. That’s what you get for coding without enough coffee.

Let me know if you have any other problems.

No problems.

It generally depends. Centering an image can be done by adding align=”center” to the image tag, but that’s obsolete now. The best way is to use CSS sometimes text-align:center works or margin:auto 0px depending on the situation.

If you are unfarmiliar with CSS you will need to try to learn some basics. It can be difficult but let me know if you have any problems or questions. I won’t be around for a while tomorrow as I’m out all day but I’ll try to get back to you asap should you have any more questions.

No worries, learning new things is always difficult at first, I’ve been coding for nearly 13 year and I stll learn new stuff every day. It’s a neverending battle.

Now I’m actually writing this in my iPod touch, while in bed (couldn’t get to sleep lol) so please excuse any messyness. Code isn’t the easiest thing to write on an iPod.

The CSS would go in you themes CSS file normally it’s called style.css but it varies from theme to theme. You would use the CSS option of the attached image to pick a name for your style, something like att_img_center or something. Doesn’t really matter as long as it means something to you and is easy to remember. Next in you CSS file you would need to add a new rule like this:

[/css]
.att_img_center {
text-align: center;
}
[\css]

I hope that helps a little. Again let me know if I can help anymore but it’ll be tomorrow now as I better get some sleep. Good luck.

Not a problem. It can take a while to learn, but you can do practically anything once you’ve learnt the basics.