Is there a JQuery plugin for the Kens Burns effect? [closed]
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this questionI just want a very simple plugin...not a slideshow plugin I just have 1 div, and 1 image.
I want the image to move within that div (left/right, top/down), but do not have white space showing. Naturally, the image is bigger than the div, allowing this effect to happen.
Yes there is! : http://tobia.github.com/CrossSlide/1
1 Preset backgroundPosition
2 Preset the Background-image of your target div to your image.
3.To Pan: Play with the coords of backgroundPosition: '1px 240px', opacity for readability
4.Use a long timeout and or ease for animates.
5.however as far as i know zooming is not viable this way.
It looks like background-size: 50% 50% or -moz-background-size: 100% 100% dont work.
$('div').animate({
backgroundPosition: "10px 100px"
}, 5000).animate({
backgroundPosition: "10px 10px"
}, 5000);
精彩评论