bioneural.net site preferences

Accessibility

Toggle width/ text size:

style

Default/Alternate

Suits visual impairment, mobile devices

Styling

Change the theme:

layout

NB: may reduce functionality

Link behaviour

Links with an icon are off-site:

links

Right-click any link to optionally open in a new window or tab


Rotate displayed photos within your blog

If you use a tool like iBlog that produces static web pages for upload, you can't utilize server-side scripts to rotate images on your blog. The easiest solution I've come across to date, Flickr is nearly perfect for the job...

The photo sharing service Flickr will let you incorporate recent or random photos from your Flickr account into a web page (such as your blog). Free accounts come with a 10 MB per month bandwidth cap. As they explain:

Creating a Flickr badge is a great way to show some of your photos on another website. The photos used for your badge are picked from whatever is in your photostream (that means photos that were uploaded by you). This simple form will generate the code you need to copy and paste into your external website.

The form is indeed simple, but still gives you control over options including the number of photos to display, photo size, and styling. Here is an example result:

<script type="text/javascript" src="http://www.flickr.com/badge_code.gne?nsid=31017329@N00&count=3&display=random&name=0&size=square"></script>

You can either edit the CSS within the included JavaScript, or do your own styling:

flickr_badge_background_color = "#000000";
flickr_badge_border = "1px solid #000000";
flickr_badge_width = "120px";
flickr_badge_text_font = "11px Arial, Helvetica, Sans serif";
flickr_badge_image_border = "1px solid #ffffff";
flickr_badge_link_color = "#ffffff";

Rather than use the Flickr upload page to get your images online, Mac users might prefer to export them to Flickr directly from iPhoto using the FlickrExport plugin. FlickrExport has a number of "value added" features like batch resizing:

flickr

Flickr additionally offers RSS and Atom feeds for your photos (the feed links are at the bottom of the Your photos page). Folks can then use NetNewsWire and similar clients to keep up with your trigger-happy shooting:

feed

0 responses to “Rotate displayed photos within your blog”


  1. No comments

Something to say?

Comments may be moderated (e.g. no commercial promotion), are subject to spam filtering, and should be relevant to this post—otherwise make contact.

Usable tags include <a href=""> <blockquote> <em>. Select any text and click to quote.