• Photo & Multimedia
  • Showcase & Versatiles
  • Menu & User Interface

Random display image

This widget randomly chooses and displays a photo among all hidden photos list whenever a page is loaded. This feature is very useful in the case that you have several images but only one image should display within the limited place. Thus before a page is loaded, all photos are hidden and then one randomly chosen image will show up.

* This widget is also included in Pro Pack. Pro versions enable users to save and load their code with additional customizable options (+ caption, and refresh function).


Build your own

  • Input data in the fields below. (Your contents such as images, videos, and music can be anywhere on web. DropBox is recommended.)
  • Once you finish to insert contents please click "Verify every photo path" to get each correct photo dimension.
  • Click "Apply these settings", select the entire codes. Then, press Command + C (Mac) or Control + C (Windows) to copy.
  • Paste the source code into HTML snippet in iWeb. (Non-iWeb users can also copy & paste each code in the <head> and <body> to each tag.)

* Customize styles (input your desired widget width / height. All images size will be automatically adjusted.)

* Optional settings

* Insert contents

* Copy and paste this code above into HTML snippet (iWeb) or snippet (for other tools, follow "Installation Guide"), and see if it works on your web browser.

I am Preview

This live demo is dynamically loaded when you push "Apply these settings" button. This preview may not be same to the actual view in your website.
* Important! Don't click a link from this preview. It will make you leave this page out so that you may lose your own code.