Simple Image Grabber WordPress Plugin
I created a plugin for the function I talked about in my post Retrieve and Display Images from a WordPress Post just in case there is anyone out there who isn’t a fan of hacking code. Just install this sucker and use the following function:
<?php images($number, $width, $height, $class, $link); ?> |
Make sure it is within the loop and it will display whichever image you want.
$number = the image you want to pull from your post, ie. the first image from the post (’1′) or the second image from the post (’2′) and so on. NOTE: If you use ‘all’, it will display all images from the post.
$width = the width of the displayed image
$height = the height of the displayed image
$class = the class name you would like to assign to the displayed image
$link = whether you would like the displayed image to link to the post or not
So, the following function:
<?php images('2', '150', '200', 'alignleft', false); ?> |
would display the second image from a post (if there is one) with a width of 150px and a height of 200px, the class name alignleft and no link to the post.
The following:
<?php images('all', '', '', 'alignright'); ?> |
would display all images from a post with their original width and height, a class name of alignright and a link to the post.
View Changelog
- Added original width and height to img tag if neither is set
- Fixed issue with "All" variable
also, is there any way to have the plugin place a default image if there is no image within the post?
Let me see if I can add these options in a newer version.
Mr. Bavota…
Thank you very much for answering my question! I will try this right away!
yours gratefully!
cheers!
Frank
Dear Mr. Bavota,
Thank you for your help-your instructions worked perfectly!
I do have an alternative website design which has both an index page and home page. It seems the home page is actually governing the layout, and it offers a default thumbnail. I can’t figure out where you code should go. I am pasting a clip of the code here if you wouldn’t mind pointing out where I should place your code?
Title
have_posts()) : $recent->the_post();?>
ID, “thumbnail”, true) ): ?>
<a href=”" rel=”bookmark”><img style=”float:left;margin:0px 10px 0px 0px;” src=”ID, “thumbnail”, true); ?>” alt=”" />
<a href=”" rel=”bookmark”><img style=”float:left;margin:0px 10px 0px 0px;” src=”/images/thumbnail.png” alt=”" />
<a href=”" rel=”bookmark”>
Read More Posts From This Category
Hi everyone,
I am so sorry to ask, but I am not a programmer at all. My theme has a generic thumbnail in the code, and I am having a real hard time with this trying to find where to put the code, and trying to figure out how to, or even if, I should remove the thumbnail code. Is there someone who could give me one or two pointers please?
cheers!
Frank
Is it possible to crop the image contextually instead of resizing it out of proportions??
Hmmm never mind
I forced it with CSS
Giving the class a “display:inline-block” and then specifying the heigth + width.
Thanks for this great plugin
Great idea – would be brilliant use to me if…
It chose images from the Media manager Gallery, not the post
You could specify it to use the thumbnail WordPress generates, rather than a scaled version of the final image.
Otherwise – great.
there is a great script out there called timthumb that resizes the image using PHP’s GD library. It works great.
Hello c.bavota, this is a fantastic plugin. One question though, is there any way to get the thumbnail to be of a particular size ie 150×105 but retain aspect preportion so the image is not squashed?
Also you look like you know a thing or 2 about wordpress. Can u plz tell me what plugin http://www.lifehack.org/ is using to display there “latest topics articles”? thanks again.
I usually specify either the height or the width, never both for client sites. To keep the squashed look from ever happening.
nice plugin. And would be great if you make a plugin limit posts automatically with a image on font page.
A problem i meet. If a image from another host, and there is a link under it, the image will not display in right size.
Hello…
When I add a new article to my blog I add a main image to every post, of course the image also will display when viewing a single post.
What i want is to show the attached image only on the main page post and not on a single post.
Please tell me the way.
Could u please tell me, shall we use this function to retrieve images and display it for recent post (Recent Post with thumbnail).. if so can u explain me how?
Also at the same time If i put the image with align centre tag in the post, in the home page it doesn’t display the image in the left. it always display the image as it is aligned in post. you can check that in my blog too.. Please reply me my friend..
Dear M. Bavota,
First, thank you very much for this good plugin. It works well for me.(wordpress 2.7)
Otherwise, I think it could be great to have a link to the image and reach the article when we click on.
Is it possible to do this?
Thanks a lot for your help,
Kind regards,
Stephane
How can I grab the ALT text of the image?
This is great.. I always used custom fields in my themes which are great also but now suck!!! coz this rocks!!! thanks alot.
Thanks, excellent article.
Hey there… This plugin is AWESOME, but I tried use it inside a WP_Query loop and I have no success.
Could you help me please.
http://gist.github.com/143079
Thanks
Great work, for the non plugin version of this, is there a way to display a generic image if there is no first image, Im using it for a list you see.
Thanks in advance
You would have to throw an if statement in there looking for a value in the variable. If there is a value it would display the image, if not it would display a generic image.
I love the plugin… very clean and simple.
But I am looking to make the link to the image file. Is that possible? This is an image drive blog and I want to posts to show the first image. But when you click on it, it will open the file in shadowbox. I am hoping that the other images in the post will be in the shadowbox gallery with it, but I might be hoping for something that can’t happen.
Is there a way to at least link to the targeted image file? I know you are dynamically targeting the src, just figured I could write the href the same way.
Thanks,
Jo
Did you ever find a solution for this? I’d like to do the same thing?
d
Hello,
Is there a way to embed the correct proportions(height and width) of the first image, as opposed to custom. I need this for my javascript to run properly as soon as DOM is ready, but at the moment it only works on second reload, when all the images are already in the cache.
It would be even nicer if I could have such a fix inside the non-plugin version of this script.
Many thanks.
Anybody at all?
Great plugin, but I have the same problem as Edward up here. I need the height and width of the image picked to be specified in the html code. Any help?
Version 1.0.2 fixes that issue. It should be available on WordPress shortly.
It worked gr8 for me… thanks alot got your gr8 plugin…I used code for center alignment..
thanks once again
Hi there!
I’ve installed your plugin and it all works as a dream!
The only problem I experience is that the remaining images in the post is still diplayed together with the duplicated first image. So the 3 images in my post becomes 4 (first imagex2)
If anyone could help me to solve this problem, it would be hugely appreciated!
Best,
Hampus
I forgot to mention that I’m talking about the homepage here. Basically I want to hide all images in the posts and just use this script to show the first one for each post. Is this possible? Seems as it is, I just need help to figure out how to hide the remaining images.
I read somewhere that the you can set to only show the post excerpt. Would this work?
Thank you in advance!
If you use
the_excerpt()instead ofthe_content()all the images will be stripped from your content and you can then use the image grabber to display the image you want.When I’ve changed the content to the excerpt the links in the post doesn’t work, any idea why?
Thanks!
The image grabber and all works great but not the links. changing back to content shows the links but doubles the images…
code looks like this:
<?php the_excerpt('’.__(‘Continued reading >’, ‘simplr’).”); ?>
might be something wrong with that… dunno
That works perfectly!!! I’m so thankful for your help, very much appreciated!
One last thing would be how to crop the height of the homepage images to 300px. with the image centred in the frame.
Any suggestions? Read about a couple of ideas here but just want to check with you what you think might be the best solution for my case.
Thanks heaps!