Dharma Records

A record of Ānandajoti’s publication work.

Menu
  • Notices
  • Talks
  • Texts
  • Audio
  • Video
  • Photos
  • Ecology
  • Culture
  • Archives
  • About
Menu

Pan and Zoom style Slidehows on the Photo Dharma website

Posted on January 6, 2013January 2, 2013 by Ānandajoti

Wowslider

I have recently implemented a new type of slideshow on certain pages in the Photo Dharma website, which pan and zoom the photographs in Ken Burns style, which effectively animates the photographs.

The implementation is the power of the WOW slider, which builds on the jQuery javascript framework. The slider itself has many other effects, like blinds, blast, fade, squares and more, but the one that impressed me was the Ken Burns effect.

The slider has some limitations, which prevents me from using it in every page. The main one is that the photos all have to have the same aspect ratio. Most of mine are 4×3 (landscape), but not all, quite a few are 3×4 (portrait).

When the slider sets those up it simply takes an arbitrary segment out of the center of the photograph, which may or may not be where it should be cut. Because of this I have trimmed the photographs first, and occasionally left one or two out, which wouldn’t work in landscape ratio.

A second limitation, at least from a developers’ point of view, is that you have to fix the size of the photograph (for instance 800px x 600px), and it will show at that size, no matter what the screen size is on the client side. I got round that problem by writing a function I will publish in a separate post tomorrow.

The slider has been implemented in the Best of… series and a couple of other places at present. The original slideshow, without animations but with the whole photograph, is still available on the same pages.

To see it in action go to one or other of the following pages (click on Play Moving Slideshow):

  • Best of Cambodia
  • Best of Indonesia
  • Best of Malaysia
  • Best of Myanmar
  • Best of Thailand

another implementation which is particularly effective is on wide angle landscapes like these:

  • Landscapes and Skyscapes
  • The Lake Gardens

where the ratio of the photographs is 212:100

On those pages click on the Play Moving Slideshow link and enjoy the effect.

Leave a Reply

Your email address will not be published. Required fields are marked *

QR code

SHORTLINK

RSS Feeds

  • All Posts
  • Texts
  • Photos

Donations

there are many expenses involved in the making of this website. Even a small donation really helps to maintain and expand the site.


Donations in Litecoin: LYKDTrBf4pmew2ypNmjmJjC4JAod3M5m8h

Recent Posts

  • First Volume of the Jātaka Verses and their Word Commentaries
  • Contributions to Buddhist Studies
  • Programmes to Input Diacritics with Two Different Methods
  • New and Complete Translation of Five Jātakas
  • Complete List of Documents on Ancient Buddhist Texts
  • A Revised Translation of the Jātaka Stories
  • Navigation System on Ancient Buddhist Texts Updated
  • Jātaka Commentary in Pāli, Version 2
  • Update to the Henri van Zeyst Archive
  • Two Innovative Temples in Petchabun

Top 10 Tags

  • Books
  • Buddha
  • Dhamma
  • Ethics
  • India
  • Monks
  • Poetry
  • Temples
  • Texts
  • Wisdom

Recent Posts

  • First Volume of the Jātaka Verses and their Word Commentaries
  • Contributions to Buddhist Studies
  • Programmes to Input Diacritics with Two Different Methods
  • New and Complete Translation of Five Jātakas
  • Complete List of Documents on Ancient Buddhist Texts
  • A Revised Translation of the Jātaka Stories
  • Navigation System on Ancient Buddhist Texts Updated
  • Jātaka Commentary in Pāli, Version 2
  • Update to the Henri van Zeyst Archive
  • Two Innovative Temples in Petchabun

Other Posts

  • BWV 021: Three Things leading to Success
  • Peradeniya Hospital Burn’s Unit Launch
  • Photographic Paintings of Tonle Sap: FotoSketcher
  • Digital Mosaics made using Foto-Mosaic-Edda
  • Thangkas 2: Some Examples
  • Ancient Buddhist Inscriptions in Malaysia
  • Somawati Stupa Vandana led by Kiribathgoda Gnanananda Thero
  • The Divine Traditions (Divyavadana) reliefs at Borobudur
  • Glasswork at the Vaidurya Buddhist Lodge, Bukit Mertajam
  • Udana 2-3: The Discourse about the Stick

Related Posts

  • Resize images to Fit Browser Window
  • Gaṇḍavyūha Book released as PDF
  • New Design and Upgrade of Photo Dharma Website
  • Creating New Tags in Html5
  • Pan and Zoom Slideshows now on all pages on the Photo Dharma website
  • Programmes to Input Diacritics with Two Different Methods
  • Complete List of Documents on Ancient Buddhist Texts
  • Navigation System on Ancient Buddhist Texts Updated
  • Photographs of Candi Plaosan Published
  • 250+ Photographs of Temples from the Singhasari Kingdom in Java
© 2022 Dharma Records | Powered by Minimalist Blog WordPress Theme