473,395 Members | 1,484 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,395 software developers and data experts.

Images; Ken Burns effect


Hi all,
My first incursion into this group so apologies if the following
question is misplaced.

That is, I'm trying to find some free javascript which implements
the "ken burns effect" on images, eg .jpegs in a CD slideshow,
or similar.

I've seen a bit of JS which zooms images but doesn't handle
the panning effect.

NOTE ; I stumbled over some cute zooming/panning effects using JS
but it seemed to use a proprietary libary object *ts_zoom*,
from 'images.macys.com.'

Mysterious;
Help appreciated.

- Gary ( http://gmduncan.com )
Jul 23 '05 #1
7 7980

I don't know the Ken burns effect, nor am I about to check it, so, unless
you have an specific, check
http://www.javascriptkit.com/cutpastejava.shtml for any premade ones. No
browser has ts_zoom as proprietary, so, is probably a function.
Danny

On Fri, 01 Jul 2005 12:56:04 -0700, Gary Duncan <ga**@gmduncan.com> wrote:

Hi all,
My first incursion into this group so apologies if the following
question is misplaced.

That is, I'm trying to find some free javascript which implements
the "ken burns effect" on images, eg .jpegs in a CD slideshow,
or similar.

I've seen a bit of JS which zooms images but doesn't handle
the panning effect.

NOTE ; I stumbled over some cute zooming/panning effects using JS
but it seemed to use a proprietary libary object *ts_zoom*,
from 'images.macys.com.'

Mysterious;
Help appreciated.

- Gary ( http://gmduncan.com )


--
Using Opera's revolutionary e-mail client: http://www.opera.com/mail/
Jul 23 '05 #2
VK
> the "ken burns effect" on images

It's not as easy as Heimlich maneuver, but it can be done.

After you'll have finished searching what "Heimlich maneuver" means,
you may want to describe the exact effect you're willing to reach w/o
referring to Ken Burns. Not everyone here is a fan of this producer.
Some of them (however terrible it may sound) never seen one his movie
(like myself). :-)

Jul 23 '05 #3
Gary Duncan wrote:

Hi all,
My first incursion into this group so apologies if the following
question is misplaced.

That is, I'm trying to find some free javascript which implements
the "ken burns effect" on images, eg .jpegs in a CD slideshow,
or similar.
I received a couple of replies (thank you), one of which pointed me at a
JS site with lots of scripts (which I'd visited anyway), and another
from someone who seemed not to be a Ken Burns fan , and who asked me
say exactly what I was after, without mentioning his name. Hmmm ;)

Seems he implied there is not "The" KB effect, but "particular" KB effects.
Fair enough - thats why I'm asking.

A bit of background; I hadn't heard of KB until I recently upgraded
my Apple iPhoto app ; its slide-show feature had an option,
"Use Ken Burns Effect" which was on by default.

It displays an image by slowly panning around it with a slow in-out
zoom. Its very effective - although I gather some folk find it
yawnful after a while. Well I didn't, and suspect most casual viewers
of slideshows wouldn't either. YMMV - particularly if you're like
my second respondent ;)


I've seen a bit of JS which zooms images but doesn't handle
the panning effect.

NOTE ; I stumbled over some cute zooming/panning effects using JS
but it seemed to use a proprietary libary object *ts_zoom*,
from 'images.macys.com.'
My first respondent somehow thought I meant 'ts_zoom' was a browser
feature. Not so ; seems - as I said - its part of a proprietary library.
It takes args like ts_zoom.pan( "up"|"right"|"down" , <pixel_count> )

As implied I'd prefer not to reinvent the wheel and write my own version.
- Gary

Mysterious;
Help appreciated.
Repeat.

- Gary ( http://gmduncan.com )

Jul 23 '05 #4
Gary Duncan wrote:

<snip>
I'm trying to find some free javascript which implements
the "ken burns effect" on images, eg .jpegs in a CD slideshow,
or similar.

I've seen a bit of JS which zooms images but doesn't handle
the panning effect.

NOTE ; I stumbled over some cute zooming/panning effects using JS
but it seemed to use a proprietary libary object *ts_zoom*,
from 'images.macys.com.'


The images that pan and zoom that I saw at the macys site used Flash.
Maybe if you explain specifically what you want to do (it sounds like
you want a slideshow, image zoom and panning) people could provide
specific answers. If you google for 'javascript slideshow' you'll see
lots of hits.

Mike
Jul 23 '05 #5
Gary Duncan wrote:
I received a couple of replies (thank you), one of which pointed me at a
JS site with lots of scripts (which I'd visited anyway), and another
from someone who seemed not to be a Ken Burns fan , and who asked me
say exactly what I was after, without mentioning his name. Hmmm ;)

Seems he implied there is not "The" KB effect, but "particular" KB effects.
Fair enough - thats why I'm asking.

A bit of background; I hadn't heard of KB until I recently upgraded
my Apple iPhoto app ; its slide-show feature had an option,
"Use Ken Burns Effect" which was on by default.

It displays an image by slowly panning around it with a slow in-out
zoom. Its very effective - although I gather some folk find it
yawnful after a while. Well I didn't, and suspect most casual viewers
of slideshows wouldn't either. YMMV - particularly if you're like
my second respondent ;)


You might want to consider buying s/w to do a Ken Burns:

http://www.retouchpro.com/forums/arc...dex.php/t-7418

The Ken Burns Effect
(http://www.digitalzoo.com.au/lunchti..._burns.htm#top)

Software:
MemoriresOnTV (http://www.picturetotv.com/)
iMovie (http://www.apple.com/imovie/) - Ken Burns' Effect is actually
part of the program
Moving Picture (http://www.stagetools.com/)
Final Cut Pro (FCP) (http://www.apple.com/finalcutpro/)
Still Life (http://www.grantedsw.com/still-life/)
Photo to Movie (http://lqgraphics.com/software/phototomovie.php)
Stillmotion Creator (http://www.imagematics.com/)
PhotoJam (http://www.shockwave.com/sw/content/photojam)
Microsoft Plus! Digital Media Edition
(http://www.microsoft.com/windows/plus/dme/dmehome.asp)

Mike
Jul 23 '05 #6
mscir wrote:
Gary Duncan wrote:
I received a couple of replies (thank you), one of which pointed me at a
JS site with lots of scripts (which I'd visited anyway), and another
from someone who seemed not to be a Ken Burns fan , and who asked me
say exactly what I was after, without mentioning his name. Hmmm ;)

Seems he implied there is not "The" KB effect, but "particular" KB
effects.
Fair enough - thats why I'm asking.

A bit of background; I hadn't heard of KB until I recently upgraded
my Apple iPhoto app ; its slide-show feature had an option,
"Use Ken Burns Effect" which was on by default.

It displays an image by slowly panning around it with a slow in-out
zoom. Its very effective - although I gather some folk find it
yawnful after a while. Well I didn't, and suspect most casual viewers
of slideshows wouldn't either. YMMV - particularly if you're like
my second respondent ;)

You might want to consider buying s/w to do a Ken Burns:

You mean spend money , in this age of free, Open-Source ? ;)

Well I know Mac-users are conditioned to having a drip-feed
inserted into their wallet , but include me out of that scenario.

Thanks for the response. Seems I'll have to roll-my-own;
maybe even using Pythons Imaging Library functions.

(In my situation, the interpretive language is not an issue )

- Gary

http://www.retouchpro.com/forums/arc...dex.php/t-7418

The Ken Burns Effect
(http://www.digitalzoo.com.au/lunchti..._burns.htm#top)
Software:
MemoriresOnTV (http://www.picturetotv.com/)
iMovie (http://www.apple.com/imovie/) - Ken Burns' Effect is actually
part of the program
Moving Picture (http://www.stagetools.com/)
Final Cut Pro (FCP) (http://www.apple.com/finalcutpro/)
Still Life (http://www.grantedsw.com/still-life/)
Photo to Movie (http://lqgraphics.com/software/phototomovie.php)
Stillmotion Creator (http://www.imagematics.com/)
PhotoJam (http://www.shockwave.com/sw/content/photojam)
Microsoft Plus! Digital Media Edition
(http://www.microsoft.com/windows/plus/dme/dmehome.asp)

Mike

Jul 23 '05 #7
VK
> Thanks for the response. Seems I'll have to roll-my-own;
maybe even using Pythons Imaging Library functions.


Why are you refusing to use Macromedia Flash? The chances are high that
you have an option simply export your iMovie file into .swf (or find a
plugin for it).

I guess I understand now what "Ken Burns Effect" is for you: as a
combination of zooming, re-positioning and transitions of still images
put on a timeline (with some narrations also added I guess). It's
really a call for Flash. It *can* be mimic by JavaScript (at least on
IE) by playing with transitions
(<http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/filters.asp>),
styles, timers and bgsound.src
Though it's kind of writing a JavaScript version of Quake.
Theoretically possible, but why?

Jul 23 '05 #8

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

3
by: Grytpype-Thynne | last post by:
Is it possible to give a width to a floated div which is greater than the width of the image it contains? What I want to do is display some images which will be of different sizes so that they...
10
by: Gary Duncan | last post by:
A few months ago - if memory serves - I posted a query here as to whether anyone had a bit of Javascript which could be used to render this effect on an image in a WEB-browser. Didn't get the...
4
by: Bernie Raffe | last post by:
When I change the 'cookieless' flag in the WebConfig file to true, everything works fine on my local PC, but the images fail to appear when using the remote server. I specify my images...
2
by: Xrak | last post by:
Hi all, I am new to javascript and this forum, but, I have a question. I run a web site and have come up with a cool little way to change the colors of an image when different users are online...
1
by: Pugi! | last post by:
I wonder if it is possible to slice images with javascript. So that you can create a wave effect when the image is shown on screen. I think it's possible to do it with let's say 7 div's...
61
by: phil-news-nospam | last post by:
Why does SVG need a different tag than other images? IMHO, SVG should be implemented as an image type just like any other image type, allowing it to work with <img> tags, and ... here is the...
6
by: wattanabi | last post by:
Greetings, I'm attempting to layout a bunch of images in a grid using DIV's instead of a table. I currently have a 3x6 table that I need to convert to css. I've seen various example of a 3 to 4...
2
by: alf | last post by:
Hi, I try to summarize what is available in python for graphical images processing. So far I found: -PythonMagic -PIL -SDL_image
3
by: rsteph | last post by:
I'm using two divs to create a shadowed-box type effect. Within the top div I want to put an image. I can get the image to center right to left, but not top to bottom. I'm making a series of boxes,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.