Archive

Posts Tagged ‘slideshow’

Embedded Slideshow for Your Side

July 26th, 2008 Comments off

Since phTagr supports Media RSS it is quite simple to embed a simple slideshow to your page via Googles Feed API. It supports a slide show control which loads the Media RSS and displays the images one by one. The API reference of Google’s slide show control is straight forward and with few changes your web side displays the newest public images of your gallery. Following example shows the embedded slideshow of images from the phTagr demo page:

<h2>Photos</h2>
<p>
  <script src='http://www.google.com/jsapi' type='text/javascript'></script>
  <script src='http://www.google.com/uds/solutions/slideshow/gfslideshow.js' type='text/javascript'></script>
  <style type='text/css'>
    .gss a img {
      border : none;
    }
    .gss {
      width: 180px;
      height: 180px;
      color: #dddddd;
      background-color: #fff;
      padding: 5px;
      border: 1px solid #eee;
    }
  </style>
  <script type='text/javascript'>
    function load() {
      var samples = 'http://demo.phtagr.org/explorer/media/media.rss';
      var options = {
        displayTime: 2500,
        transistionTime: 600,
        scaleImages: true,
        fullControlPanel: true,
        linkTarget: google.feeds.LINK_TARGET_BLANK
      };
      new GFslideShow(samples, 'slideshow', options);
    }
    google.load('feeds', '1');
    google.setOnLoadCallback(load);
  </script>

  <div id='slideshow' class='gss'>Loading...</div>
</p>

I wrote a small WordPress gSlideShow widget plugin (based FlickrRSS) on  which embeds your Media RSS to your blog (download). Enjoy!

Slideshow via PicLens

July 19th, 2008 Comments off

phTagr supports now Media RSS for the explorer. The extention of RSS is defined by Yahoo and with it, phTagr supports PicLens – a great slide show program for web image collections. PicLens has nice extensions for IE and Firefox which create cool 3D slide shows, too. Unfortunatly PicLens does not support Linux currently but it has a quite usefull PicLensLite flash component. PicLensLite supports a basic flash slide show with configurable show duration. As full backup – if no PicLens extension and no flash is installed – LyteBox is used, a famous javascript thumbnail viewer. And if you have not extension, no flash, no javascript? Well, click through the page manually!

The newest version of phTagr comes with a Media RSS support and buildin PicLensLight. If you have PicLens extension installed, you are able to watch you current image search within the explorer in fancy 3D. Otherwise you can use PicLensLite or LyteBox.

The real cool thing about this new feature in phTagr is that you can create your favourite search (e.g. images with category ‘vacation’ and location ‘italy’ and exclude images with tag ‘night’) and you can watch your selection through the nice slideshow of PicLens. Thanks to Media RSS and PicLens.com. Test the new feature at the demo page! Now!