Success!

We've created your designated folder. Now simply upload all the contents in this directory to your website with your favorite FTP program, and your slideshow gallery will be live!

Specifically, you'll want to upload the following folders and files to your site: For more help, or to learn how to further customize Piclens slideshows for your current website, please visit http://www.piclens.com/publisher.


Adding PicLens Slideshows to an Existing Webpage

PicLens Publisher creates a sample gallery and RSS Feed that's ready to go live on your website. Read this section only if you want add PicLens slideshows to an existing webpage instead of using the sample gallery.

To add PicLens to an existing webpage, all you need to do is borrow some of the specific code from the sample gallery.html and apply to your existing webpage. You can use any standard text or HTML editor to view the source code of gallery.html and photos.rss.
  1. Upload pl_images, pl_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>
        <link id="gallery" rel="alternate" href="photos.rss" 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. The example gallery.html uses MBF to bind the thumbnails below to their counterparts in photos.rss.

  4. Place the javascript below into your HTML webpage, which activates PicLens Lite

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