ImageStrip

Vaadin 7 Supported! - ImageStrip Widget is a general purpose image browser widget that makes it easy for developer to append collection of images to Vaadin application.

View larger

Close

ImageStrip Widget is a general purpose image browser widget that makes it easy for developer to append collection of images to Vaadin application. Images are appended as Vaadin resources or directly by using URL.

ImageStrip version 2 performs server-side scaling to the images boosting client-side rendering performance. ImageStrip can also be used as select component for images as it now supports setting value (image).

ImageStrip can be positioned vertically or horizontally and it lazyloads only the required amount of images that will fit to the widget's dimensions. ImageStrip also supports animation during image transition.

Version 3.0 is Version 2.0 with Vaadin 7 support and few bug fixes.

Sample code

public class ImagestripTester extends Application implements
        ValueChangeListener {

    private ImageStrip strip;
    private Window mainWindow;

    public void init() {
	mainWindow = new Window();
	setMainWindow(mainWindow);

	// Create new horizontally aligned strip of images
	strip = new ImageStrip();

        // Add ValueChangeListener to listen for image selection
	strip.addListener(this);

	// Use animation
	strip.setAnimated(true);

	// Make strip to behave like select
	strip.setSelectable(true);

	// Set size of the box surrounding the images
	strip.setImageBoxWidth(140);
	strip.setImageBoxHeight(140);

	// Set maximum size of the images
	strip.setImageMaxWidth(125);
	strip.setImageMaxHeight(125);

	// Add image strip to main window
	mainWindow.addComponent(strip);

	// Limit how many images are visible at most simultaneously
	strip.setMaxAllowed(6);

	// Add few images to the strip using different methods
	strip
	        .addImage("http://www.path.to.image/image.jpg");
    }

    public void valueChange(ValueChangeEvent event) {
	mainWindow.showNotification("Image selected");
    }
}

Links

• Source Code
• Discussion Forum
• Issue Tracker

Compatibility