Shashin 3 Examples

This page let’s you see Shashin in action – it will show you albums and pictures, and the shortcodes used to generate them. For a complete explanation of all the options, see the Shashin documentation page.

  • A simple example
  • Photo and video examples
  • Examples showing all the photos in an album
  • Album examples
    • A simple example

      Here is the shortest possible Shashin shortcode, which will use defaults for everything:

      [shashin]

      Since I didn’t specify any photo IDs, it simply gets the first photos it finds in the Shashin database. It creates a display of photos identical to this shortcode, which spells out all the defaults (the default limit is editable on the Shashin Settings menu).

      [shashin type="photo" limit="18" size="xsmall" caption="n" columns="1" order="source" reverse="n" position="none" clear="none"]

      Let’s see it:

      Lew and Mike, just before Lew got married, at 1st beach in Newport
      Lew and Mike, just before Lew got married, at 1st beach in Newport25-Jun-2007 07:16, Canon Canon PowerShot S230, 7.1, 5.40625mm, 0.006 sec
       
      Lew and Cheryl, getting married on a piece of plywood in the sand
      Lew and Cheryl, getting married on a piece of plywood in the sand25-Jun-2007 07:39, Canon Canon PowerShot S230, 10.0, 10.8125mm, 0.006 sec
       
      Mike and E'loise on the carousel at 1st beach, Newport
      Mike and E'loise on the carousel at 1st beach, Newport25-Jun-2007 08:05, Canon Canon PowerShot S230, 3.5, 9.28125mm, 0.017 sec
       
      The bride and groom (Lew and Cheryl), Lew's siblings, and their families (minus my family, and one sister and her family)
      The bride and groom (Lew and Cheryl), Lew's siblings, and their families (minus my family, and one sister and her family)25-Jun-2007 08:19, Canon Canon PowerShot S230, 7.1, 5.40625mm, 0.004 sec
       
      My sisters E'loise and Nichole on the carousel
      My sisters E'loise and Nichole on the carousel25-Jun-2007 08:54, Canon Canon PowerShot S230, 2.8, 5.40625mm, 0.017 sec
       
      American Idol rejects - my brother John and his girlfriend Miss tried out for American Idol, along with 1,000 other people, in Providence, RI
      American Idol rejects - my brother John and his girlfriend Miss tried out for American Idol, along with 1,000 other people, in Providence, RI18-Aug-2007 07:59, SONY DSC-W55, 2.8, 6.3mm, 0.025 sec, ISO 200
       
      Folks settling in for a performance at the Newport Art Muesum
      Folks settling in for a performance at the Newport Art Muesum16-Aug-2007 07:22, SONY DSC-W55, 2.8, 6.3mm, 0.005 sec, ISO 100
       
      The Navy Show Band performing at the Newport Art Museum
      The Navy Show Band performing at the Newport Art Museum16-Aug-2007 07:43, SONY DSC-W55, 5.2, 18.9mm, 0.01 sec, ISO 320
       
      Hazard's Beach in Newport, RI
      Hazard's Beach in Newport, RI18-Aug-2007 00:13, SONY DSC-W55, 7.1, 6.3mm, 0.002 sec, ISO 100
       
      Kai and his cousin Alexandra
      Kai and his cousin Alexandra17-Aug-2007 09:06, Canon Canon PowerShot A80, 5.6, 16.21875mm, 0.002 sec
       
      Kai, with his cousins Matthew and Alex
      Kai, with his cousins Matthew and Alex17-Aug-2007 09:26, Canon Canon PowerShot A80, 4.9, 23.40625mm, 0.002 sec
       
      Alex, Matthew, and Kai
      Alex, Matthew, and Kai17-Aug-2007 09:27, Canon Canon PowerShot A80, 4.9, 23.40625mm, 0.003 sec
       
      Kai on the beach with charcoal on his nose
      Kai on the beach with charcoal on his nose18-Aug-2007 17:14, Canon Canon PowerShot A80, 4.9, 23.40625mm, 0.008 sec
       
      Alex and Kai
      Alex and Kai18-Aug-2007 17:14, Canon Canon PowerShot A80, 4.9, 23.40625mm, 0.013 sec
       
      My sister's boyfriend Paul with Eidan
      My sister's boyfriend Paul with Eidan18-Aug-2007 17:25, Canon Canon PowerShot A80, 3.2, 9.625mm, 0.006 sec
       
      Eidan at Hazard's Beach
      Eidan at Hazard's Beach18-Aug-2007 17:26, Canon Canon PowerShot A80, 2.8, 7.8125mm, 0.006 sec
       
      Paul pulling Kai and Eidan across the sand
      Paul pulling Kai and Eidan across the sand18-Aug-2007 17:28, Canon Canon PowerShot A80, 2.8, 7.8125mm, 0.005 sec
       
      Kai (with charcoal on his face) and Alex enjoying s'mores
      Kai (with charcoal on his face) and Alex enjoying s'mores18-Aug-2007 17:37, Canon Canon PowerShot A80, 4.5, 19.25mm, 0.017 sec
       

      Photo and video examples

      This shows 2 photos that have specific IDs, with captions, and in the order listed (the order you list the IDs is the default order). Note you can use the Shashin media browser in the post editor to find your photos, which is easier than looking up the ID numbers.

      [shashin type="photo" id="17,6" size="medium" columns="2" caption="y"]
      Kai at the Ghibli MuseumKai at the Ghibli Museum
      Kai at the Ghibli Museum28-Feb-2007 01:27, Canon Canon PowerShot S230, 2.8, 5.40625mm, 0.003 sec
      I had to disassemble the dashboard of our new Prius to remove change from the CD player, put there by my little “helper” EidanI had to disassemble the dashboard of our new Prius to remove change from the CD player, put there by my little “helper” Eidan
      I had to disassemble the dashboard of our new Prius to remove change from the CD player, put there by my little “helper” Eidan29-Jul-2007 06:01, SONY DSC-W55, 2.8, 6.3mm, 0.025 sec, ISO 160
       

      This displays 4 random photos, in a 2×2 layout, cropped square, using a numeric size that Picasa allows in cropped format:

      [shashin type="photo" limit="4" columns="2" size="160" crop="y" order="random"]
      The Com Pho (コム フォー) restaurant in the  Marunouchi OAZO Shopping Center, near Tokyo station
      The Com Pho (コム フォー) restaurant in the Marunouchi OAZO Shopping Center, near Tokyo station14-May-2007 18:28, Canon Canon PowerShot S230, 2.8, 5.40625mm, 0.017 sec
      On the road to Newport
      On the road to Newport
       
      Overpriced masks for the kids, at the Nagoshi-sai festival
      Overpriced masks for the kids, at the Nagoshi-sai festival26-Jul-2014 17:56, Canon Canon PowerShot ELPH 110 HS, 2.7, 4.3mm, 0.017 sec, ISO 200
      Kai at Eidan at the Keystone snow castle
      Kai at Eidan at the Keystone snow castle26-Dec-2010 12:41, SONY DSC-S750, 6.0, 8.12mm, 0.002 sec, ISO 100
       

      This shows the 2 pictures specified, in reverse alphabetical order by filename. Also, note the size I picked is not a size supported by Picasa. Shashin will use the closest, smaller size that is valid.

      [shashin type="photo" id="7,972" columns="2" size="155" order="filename" reverse="y"]
      Kai trying to pull the sword from the stone, in Knights' Kingdom
      Kai trying to pull the sword from the stone, in Knights' Kingdom10-Aug-2009 19:21, SONY DSC-W55, 2.8, 6.3mm, 0.005 sec, ISO 100
      The CD player with the change it, and the little boy who put it there
      The CD player with the change it, and the little boy who put it there29-Jul-2007 06:01, SONY DSC-W55, 2.8, 6.3mm, 0.013 sec, ISO 100
       

      The following is intended for use with videos (and works with regular photos too). Often the video thumbnail generated by Picasa is not very good (or is just a black image). This allows you to swap in a different image for a thumbnail. The first image (ID 432) works normally – it’s for a video, but Picasa generated a plain black thumbnail. The second image links to the same video, but has another image (ID 433) substituted as its thumbnail. It shows the caption for the video.

      [shashin type="photo" id="432" size="160" caption="y"]
      [shashin type="photo" id="432" thumbnail="433" size="160" caption="y"]
      A short video about Kai's school - Takanawa YochienA short video about Kai's school - Takanawa Yochien
      A short video about Kai's school - Takanawa Yochien05-Aug-2007 03:51
       
      A short video about Kai's school - Takanawa YochienA short video about Kai's school - Takanawa Yochien
      A short video about Kai's school - Takanawa Yochien05-Aug-2007 03:51
       

      Examples showing all the photos in an album

      One of the most visible improvements with Shashin 3 is that you can navigate through the photos of an album, while staying on the same page (this is done with jQuery). Here is an example. This will show all the photos from the album with ID 66 (my recent trip to Seattle), in 3 columns, with photo size 160×160, no captions, and in the order used on Picasa. Note you can use the Shashin media browser in the post editor to find your albums.

      [shashin type="albumphotos" id="66" columns="3" size="160" crop="y" order="source" caption="n"]
      The Troll under the Aurora Bridge
      The Troll under the Aurora Bridge31-Aug-2011 20:09, Canon Canon PowerShot SD780 IS, 3.2, 5.9mm, 0.008 sec, ISO 160
      Statue of Lenin in the Fremont neighborhood of Seattle
      Statue of Lenin in the Fremont neighborhood of Seattle31-Aug-2011 20:20, Canon Canon PowerShot SD780 IS, 3.2, 5.9mm, 0.001 sec, ISO 160
      The fish ladder at Ballard Locks
      The fish ladder at Ballard Locks31-Aug-2011 20:58, Canon Canon PowerShot SD780 IS, 3.2, 5.9mm, 0.013 sec, ISO 160
       
      One of the Ballard locks, for moving boats between the salt water of Puget Sound and the fresh water of Lake Union and Lake Washington
      One of the Ballard locks, for moving boats between the salt water of Puget Sound and the fresh water of Lake Union and Lake Washington31-Aug-2011 21:15, Canon Canon PowerShot SD780 IS, 5.0, 14.777mm, 0.002 sec, ISO 160
      View from Pike Place in the morning
      View from Pike Place in the morning01-Sep-2011 11:03, Canon Canon PowerShot SD780 IS, 5.8, 17.9mm, 0.002 sec, ISO 125
      View from Pike Place in the early morning
      View from Pike Place in the early morning01-Sep-2011 11:11, Canon Canon PowerShot SD780 IS, 10.0, 7.173mm, 0.001 sec, ISO 160
       
      Fresh fruit at Pike Place Market
      Fresh fruit at Pike Place Market01-Sep-2011 11:14, Canon Canon PowerShot SD780 IS, 3.2, 5.9mm, 0.033 sec, ISO 160
      Fresh seafood at Pike Place Market
      Fresh seafood at Pike Place Market01-Sep-2011 11:17, Canon Canon PowerShot SD780 IS, 3.2, 5.9mm, 0.02 sec, ISO 100
      Obligatory Space Needle photo
      Obligatory Space Needle photo01-Sep-2011 15:34, Canon Canon PowerShot SD780 IS, 5.8, 17.9mm, 0.002 sec, ISO 80
       
      01-Sep-2011 15:51, Canon Canon PowerShot SD780 IS, 5.8, 17.9mm, 0.002 sec, ISO 100
      Preperations for Bumbershoot at the Seattle Center
      Preperations for Bumbershoot at the Seattle Center01-Sep-2011 17:02, Canon Canon PowerShot SD780 IS, 3.2, 5.9mm, 0.02 sec, ISO 160
      A lot of my old favorites on this wall at the EMP Museum
      A lot of my old favorites on this wall at the EMP Museum01-Sep-2011 17:20, Canon Canon PowerShot SD780 IS, 3.2, 5.9mm, 0.067 sec, ISO 800
       
      Seattle's EMP: Rock & Roll and Battlestar Galactica in one place - what more could you want?
      Seattle's EMP: Rock & Roll and Battlestar Galactica in one place - what more could you want?01-Sep-2011 17:29, Canon Canon PowerShot SD780 IS, 3.2, 5.9mm, 0.125 sec, ISO 800
      Cylons!
      Cylons!01-Sep-2011 17:30, Canon Canon PowerShot SD780 IS, 3.2, 5.9mm, 0.125 sec, ISO 800
      A viper from Battlestar Galactica
      A viper from Battlestar Galactica01-Sep-2011 17:30, Canon Canon PowerShot SD780 IS, 3.2, 5.9mm, 0.125 sec, ISO 800
       
      Great infographic on Battlestar Galactica
      Great infographic on Battlestar Galactica01-Sep-2011 17:31, Canon Canon PowerShot SD780 IS, 3.2, 5.9mm, 0.077 sec, ISO 800
      A priceless William Shatner quote
      A priceless William Shatner quote01-Sep-2011 17:27, Canon Canon PowerShot SD780 IS, 3.2, 5.9mm, 0.077 sec, ISO 800
      The EMP Museum
      The EMP Museum01-Sep-2011 18:09, Canon Canon PowerShot SD780 IS, 3.2, 5.9mm, 0.001 sec, ISO 100
       

      Album examples

      An improvement with Shashin 3 is there are now multiple sizes available for displaying the album thumbnails. In this example the size will be 300 (medium). If there is a location indicated for the album in Picasa, Shashin will link to the coordinates in a Google Maps icon in the caption.

      When you click an album thumbnail, its photos are displayed in place of the album thumbnails, without the page reloading (using jQuery).

      [shashin type="album" id="11,15" size="medium" order="date" columns="2"]
       

      Another new feature is the ability to show random albums, which previously was available only for photos:

      [shashin type="album" size="small" crop="y" order="random" columns="2" limit="4"]

      For photos, the captions are off by default, but with albums, they are on by default. You can turn them off:

      [shashin type="album" id="20,19,43" size="64" order="user" columns="3" caption="n"]
      2004 - Home Improvement
      2006 - Home Improvement
      2008 - Home Improvement