Image autorefresh shortcode

More info at the GitHub repository Image autorefresh shortcode Image autorefresh shortcode is a small shortcode plugin for WordPress that allows images in your post that reload on a regular interval How to use the plugin After installing and activating of the plugin in your WordPress page, you can add the following shortcode anywhere in your post or page text: [image-autorefresh src="image-url"] This will create a left aligned <div> containing your image. It will refresh every 60 seconds. You can specify a different refresh time [image-autorefresh src="image-url" refresh_time=10] Add a caption [image-autorefresh src="image-url" caption="Your caption"] Or specify a different alignment (left, right, center or none) [image-autorefresh src="image-url" align="center"] Add width and height in pixels [image-autorefresh src="image-url" width=320 height=240] Add classes to the image [image-autorefresh src="image-url" class="your_custom_class"] Add a custom query string to the image [image-autorefresh src="image-url" query_string="usr=test_user&password=some_password"] Examples The shortcode [image-autorefresh src="http://weather.cs.uit.no/wcam0_snapshots/wcam0_latest_small.jpg" refresh_time=120 caption="A view from Tromsø university" align="center"] will generate the following code inside your post: setInterval(function() { d = new Date(); image = jQuery('img#image_autorefresh_timb8XZCWL'); image.attr("src", image.data("src") + "?" + d.getTime()); }, 120000); A view from Tromsø university Which will automatically refresh the live view from Tromsø every 120 seconds Multiple images The shortcode allows for multiple images on one page with different refresh rates.

1.4

• Added the 'alt' attribute to comply with WCAG

1.3

• Added the parameter query_string to add any query parameters necessary to load the image

1.2

• Added height, width and class parameters.

1.1

• Images are only reloaded when they are in a window which currently has focus.

1

• Initial release.