[[title]]


Success!

Your images have been exported to the specified location. The thumbs and images folders contain small and screen-sized versions of your images, respectively. The photos.rss file tells PicLens how to display these images. A basic gallery page, gallery.html, has been created. To get started, upload these files to your Web site. You can customize or replace gallery.html with your own web page.

For more help, or to learn how to customize PicLens slideshows for your existing website, please visit http://www.piclens.com/publisher.

Add PicLens Slideshows to an Existing Webpage

PicLens Publisher creates a sample gallery and RSS feed that is ready to go live on your website. Read this section if you would like to add PicLens slideshows to an existing web page instead of using the sample gallery.

To add PicLens to an existing web page, just follow the example gallery.html to modify your HTML. You can use any standard text or HTML editor to view the source code of gallery.html and photos.rss.
  1. Upload images, thumbs, and photos.rss to your website


  2. In your existing webpage, include the RSS feed by adding a <link> tag inside the <head> section of your HTML page:

    <head>
        <title>[[title]]</title>
        <link id="gallery" rel="alternate" href="[[feed_file]]" type="application/rss+xml">
    </head>


  3. Include in your existing HTML webpage one or more of the images in your feed. PicLens will automatically detect and match your photos on the feed to that on your HTML page in the following two ways:
    • The URL specified in <a href="..."> matches the <link> attribute of the corresponding item in the RSS feed
    • Media Binding Format is used to directly reference the corresponding RSS item. This example document uses MBF to bind the thumbnails below to their counterparts in [[feed_file]].

  4. Place the JavaScript code below into your HTML webpage. PicLens or PicLens Lite will be launched when this link is clicked.

    <a href="javascript:PicLensLite.start();">Start PicLens Slideshow <img src="http://lite.piclens.com/images/PicLensButton.png" alt="PicLens" width="16" height="12" border="0" align="absmiddle">
  5. </a>