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 Cancel 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.

choose amount:

Recent Posts

  • Two Innovative Temples in Petchabun
  • Two Photo Albums from Phimai Published
  • Photographs from Prasat Phanom Rung
  • Publication of the Introduction to the Jataka Stories
  • A Revised Presentation of the Jātaka Commentary
  • Comparative Dhammapada Table
  • Suttapitaka Index, with links to Pali Text and Translations
  • Karmavibhanga Stories Published in Hard Copy
  • Publication of The Theravāda Lineage (Nikāya Sangrahaya)
  • Paintings from the Thousand Buddhas Caves Published

Top 10 Tags

  • Books
  • Buddha
  • Dhamma
  • Ethics
  • India
  • Monks
  • Poetry
  • Sri Lanka
  • Temples
  • Wisdom

Recent Posts

  • Two Innovative Temples in Petchabun
  • Two Photo Albums from Phimai Published
  • Photographs from Prasat Phanom Rung
  • Publication of the Introduction to the Jataka Stories
  • A Revised Presentation of the Jātaka Commentary
  • Comparative Dhammapada Table
  • Suttapitaka Index, with links to Pali Text and Translations
  • Karmavibhanga Stories Published in Hard Copy
  • Publication of The Theravāda Lineage (Nikāya Sangrahaya)
  • Paintings from the Thousand Buddhas Caves Published

Other Posts

  • BWV 069: True Friends
  • Photoshoot at Cave Temples and the Sanchi Stupas in India, 2017
  • ABT Texts and Translations Series now in eBooks
  • BWV 022: Wise Discrimination
  • The Sinhalese Cemetery in Kuala Lumpur
  • Photos of Syncretic Temple on Malaysian Coast
  • Dhammapada Posters on Photo Dharma III
  • Karma-vibhanga Reliefs at Borobudur Published
  • Buddha, a poem by A. Christina Albers
  • Arahat Dhammadinnā’s Dhamma Teaching

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
  • Photographs of Candi Plaosan Published
  • 250+ Photographs of Temples from the Singhasari Kingdom in Java
  • Photographs of the Muara Jambi site in Sumatra
  • Monuments from the Kediri Kingdom in East Java
  • New Book about Borobudur Published
© 2021 Dharma Records | Powered by Minimalist Blog WordPress Theme