Firstly let me direct you to this website:
[url removed, login to view]
Go to the bottom of the page - you will see a wall of images which are pulled in from Facebook, Instagram and Twitter.
Above the wall of images it says:
"To display your photo here simply include this tag #galaxybluelegs in a photo comment on our Facebook fan page, a photo tweet on Twitter or as a tag on your Instagram photo."
So we require some coding to be done to enable us to embed something like this on our websites.
The code must do the following:
â€¢ We tell the customer/ user to hashtag an image with a certain word
â€¢ The script you create goes and finds all pictures tagged with this hashtag on Facebook, twitter and Instagram
â€¢ The pictures are displayed with no gaps between each picture in a grid like in the example.
â€¢ We should be able to control the size of the thumbnail of each image that is displayed on the page. For example each photo could be W:130px H:180px. Regardless of whether the picture is landscape or portrait - the displayed images should all be the same shape and size.
â€¢ We should be able to style the area - so please make it with defined divs that we can style to suit the website as needed.
â€¢ An unlimited number of pictures should be supported.
â€¢ The pictures that are displayed should be able to be lightboxed (as in the example above) when clicked. Our websites will use standard lightbox coding and we should be able to change this code to suit the type of lightbox software that is used on our websites.
â€¢ The code needs to be flexible enough that we can edit it easily for different webpages.
So basically we want the exact same functionality that is available on the website in the example - this should be easy for someone in the know!
If possible it would be nice to have some sort of filter so if the image that is tagged isn't tagged correctly or is (for example) explicit - it would be good to have a method of removing such images.
We look forward to working with you.