Comments on: Setting up a Facebook style link preview image http://www.fliquidstudios.com/2009/09/09/setting-up-a-facebook-style-link-preview-image/ Beautiful Web Applications Tue, 07 Sep 2010 07:27:47 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: my so-called blog » links for 2010-02-09 http://www.fliquidstudios.com/2009/09/09/setting-up-a-facebook-style-link-preview-image/comment-page-1/#comment-24296 my so-called blog » links for 2010-02-09 Wed, 10 Feb 2010 02:02:02 +0000 http://www.fliquidstudios.com/?p=316#comment-24296 [...] Setting up a Facebook style link preview image | Fliquid Studios I’ve recently implemented similar functionality on one of my sites so I thought I’d share some of it. The whole process is quite long and involved and you may want to do things differently depending on your needs so in this article we will just be focussing on the initial steps to build an array of image URLs in PHP. The idea behind this functionality is really very simple: Look at a page and extract all of the images matching a certain criteria – in this case we’ll look for any images larger (or equal to) in width and height than the thumbnail we want to display. (tags: facebook php webdev webappdevresources blackboardbuildingblocks isc) similar nonsense in: ill.icio.us |     No Comments » [...] [...] Setting up a Facebook style link preview image | Fliquid Studios I’ve recently implemented similar functionality on one of my sites so I thought I’d share some of it. The whole process is quite long and involved and you may want to do things differently depending on your needs so in this article we will just be focussing on the initial steps to build an array of image URLs in PHP. The idea behind this functionality is really very simple: Look at a page and extract all of the images matching a certain criteria – in this case we’ll look for any images larger (or equal to) in width and height than the thumbnail we want to display. (tags: facebook php webdev webappdevresources blackboardbuildingblocks isc) similar nonsense in: ill.icio.us |     No Comments » [...]

]]> By: Dylan Cross http://www.fliquidstudios.com/2009/09/09/setting-up-a-facebook-style-link-preview-image/comment-page-1/#comment-24528 Dylan Cross Mon, 07 Dec 2009 07:50:21 +0000 http://www.fliquidstudios.com/?p=316#comment-24528 Thats pretty cool! With that you risk that there are no other big images on the page that get selected instead of the one that looks best. How do you format the cropping of the image for display? Thats pretty cool! With that you risk that there are no other big images on the page that get selected instead of the one that looks best. How do you format the cropping of the image for display?

]]> By: Michael Little http://www.fliquidstudios.com/2009/09/09/setting-up-a-facebook-style-link-preview-image/comment-page-1/#comment-24527 Michael Little Mon, 07 Dec 2009 07:29:35 +0000 http://www.fliquidstudios.com/?p=316#comment-24527 Hi Dylan,<br><br>I've got a slightly modified version of this running on <a href="http://www.martialartslife.net/links.html" rel="nofollow">http://www.martialartslife.net/links.html</a><br><br>When you add a link on this page it automatically selects the image to use as the thumbnail so it's less like facebook but then back end (code shown above) still works much the same. Hi Dylan,

I've got a slightly modified version of this running on http://www.martialartslife.net/links.html

When you add a link on this page it automatically selects the image to use as the thumbnail so it's less like facebook but then back end (code shown above) still works much the same.

]]> By: Dylan Cross http://www.fliquidstudios.com/2009/09/09/setting-up-a-facebook-style-link-preview-image/comment-page-1/#comment-24526 Dylan Cross Mon, 07 Dec 2009 06:58:12 +0000 http://www.fliquidstudios.com/?p=316#comment-24526 Thanks for this, it looks good, do you have a quick example of it? An example is often worth 1000 words! Thanks for this, it looks good, do you have a quick example of it? An example is often worth 1000 words!

]]> By: Dylan Cross http://www.fliquidstudios.com/2009/09/09/setting-up-a-facebook-style-link-preview-image/comment-page-1/#comment-24249 Dylan Cross Mon, 07 Dec 2009 02:50:21 +0000 http://www.fliquidstudios.com/?p=316#comment-24249 Thats pretty cool! With that you risk that there are no other big images on the page that get selected instead of the one that looks best. How do you format the cropping of the image for display? Thats pretty cool! With that you risk that there are no other big images on the page that get selected instead of the one that looks best. How do you format the cropping of the image for display?

]]> By: Michael Little http://www.fliquidstudios.com/2009/09/09/setting-up-a-facebook-style-link-preview-image/comment-page-1/#comment-24248 Michael Little Mon, 07 Dec 2009 02:29:35 +0000 http://www.fliquidstudios.com/?p=316#comment-24248 Hi Dylan,<br><br>I've got a slightly modified version of this running on <a href="http://www.martialartslife.net/links.html" rel="nofollow">http://www.martialartslife.net/links.html</a><br><br>When you add a link on this page it automatically selects the image to use as the thumbnail so it's less like facebook but then back end (code shown above) still works much the same. Hi Dylan,

I've got a slightly modified version of this running on http://www.martialartslife.net/links.html

When you add a link on this page it automatically selects the image to use as the thumbnail so it's less like facebook but then back end (code shown above) still works much the same.

]]> By: Dylan Cross http://www.fliquidstudios.com/2009/09/09/setting-up-a-facebook-style-link-preview-image/comment-page-1/#comment-24247 Dylan Cross Mon, 07 Dec 2009 01:58:12 +0000 http://www.fliquidstudios.com/?p=316#comment-24247 Thanks for this, it looks good, do you have a quick example of it? An example is often worth 1000 words! Thanks for this, it looks good, do you have a quick example of it? An example is often worth 1000 words!

]]>