Wicket Image tag linking to an external resource

Just a quick tip this time:

Are you in need of creating a Wicket image component linking to an external image ? (an image hosted on a CDN or on an external well defined url ?); Maybe you have to determine the effective url at runtime or maybe you have your reason to not to use a static img tag directly.. whatever your reasons can be, Wicket gives you all the power, and the answer is really simple: enter the realm of StaticImage component:

public class StaticImage extends WebComponent
{
  /**
  * @param id wicket id on the page
  * @param model reference the external URL from which the image is gotten
  *          for ex.: "http://images.google.com/img/10293.gif"
  */
  public StaticImage(String id, IModel urlModel)
  {
    super( id, urlModel );
  }

  protected void onComponentTag(ComponentTag tag)
  {
    super.onComponentTag( tag );
    checkComponentTag( tag, "img" );
    tag.put( "src", getDefaultModelObjectAsString() );
  }
}

Using it is very simple:

You have your markup: (StaticImageTestPage.html)

<img wicket:id="imagetest" />

..And your code (StaticImageTestPage.java)

public class StaticImageTestPage extends WebPage {
  public StaticImageTestPage() {
      add( new StaticImage( "imagetest",
              new Model( "http://whatever.url/image.png" ) ) );
  }
}

That’s a really simple and trivial example, but I hope that you got the picture.

Advertisement