![]() ![]() ![]() I’ve used personal photos from my own gallery to illustrate the various aesthetic styles of each of the embedded examples below. I’ve provide step-by-step instructions, below, on embedding photos from these sites into your own website using simple HTML code. For example, this is what the title attribute looks like in the photos. Picasa, Flickr and Photobucket are popular photo sharing services. Its verbosity is due to the verbose nature of Flickr’s JSON responses. You could further alter this script to print the HTML tags for displaying a caption. Automatically sync feeds from any public Flickr account and bring fresh content on your site. I’ve also chosen by default to pick the first photo size that has both width and height under 1600 pixels, so that we don’t hot-link to the URL of a 8000圆000-pixel wide photo: Īnd here’s the result of that HTML, note that the image is clickable, and that this site’s CSS keeps it from being displayed at its full width on the page. The boilerplate HTML image link is pretty basic, consisting only of hot-linking the Flickr image file, wrapped inside a clickable-link back to the Flickr photo page, and alt text. However, I’ve also included boilerplate HTML for embedding the photo and metadata that I can paste into a blog post. In this example, I’ve chosen to output the data in a non-structured, human-readable way. So I’ve written a script that, given a Flickr photo page URL, extracts the important metadata, including the URL of the biggest available photo size. The documentation includes tutorials, samples and ready to use HTML pages. Strengths of nanogallery2 include rich UI interactions, multiple responsive layouts, swipe and zoom gestures, multi-level albums, an HTML page generator and limitless options. However, besides the tediousness of copying the title and author information, the direct URLs to the image files require two clicks to get to. nanogallery2 is a must have gallery and lightbox javascript library open source. Because Flickr has so many great, free images in its vast Commons gallery, I often find myself wanting to copy and embed stock images from the Flickr website, and to include attribution and link-backs for their creators. ![]()
0 Comments
Leave a Reply. |