This post provides code to create a dynamic banner which sources images from Flickr.
Using a dynamic banner has several advantages:
- The banner is assembled dynamically, it is more engaging
- The images aren’t stored or managed on local servers
- The banner images can be changed by modifying the images at the source
- It would be possible to customize the source of the images for demonstrations
- Clicking on the banner displays the image credits
This is an extension of the code listed in link above. It is running nicely with dojo 1.3.0, tested under IE7, FF11&12, and Chrome 17.
The banner is 160px high, and 1024px wide, it is overlaid with an image which includes a gradient to fade the banner images from full color to white, using transparency. The banner includes an icon for the product on the far right.
The image list received from flickr is accessed randomly, using the splice function. This allows each banner to be created differently. Images are added to the banner until the width exceeds the width of the gradient overlay. The image credits are place in a dialog box.
The HTML creates the flickrStore and sets up the header div.
This post courtesy of Lyrix, Inc