Seeking to zoom in on an image, slowly, on page load, using Jquery

Posted by Heath Waller on Stack Overflow See other posts from Stack Overflow or by Heath Waller
Published on 2010-05-14T03:40:28Z Indexed on 2010/05/14 3:44 UTC
Read the original article Hit count: 314

Filed under:

jQuery

|

zoom

|

onload

|

image-zoom

Hello,

I am looking to give the impression of zooming in from a large image to a detailed area of that image, over time, when the page loads - using javascript (jquery, preferably).

I have been given the following flash site as a reference (action happens just after title fades in):

http://www.delicatessennyc.com/

Not sure if this is even possible. I know I could switch out the large image for a smaller one - but my boss is hellbent of achieving this flash-type action using javascript.

Please note, I've searched the plugins and I've not found anything like what I'm looking for. And I'm so new to this type of coding that cobbling it together from scratch seems daunting.

Thank you all so much.

© Stack Overflow or respective owner

Related posts about jQuery

Microsoft and jQuery

as seen on West-Wind - Search for 'West-Wind'
The jQuery JavaScript library has been steadily getting more popular and with recent developments from Microsoft, jQuery is also getting ever more exposure on the ASP.NET platform including now directly from Microsoft. jQuery is a light weight, open source DOM manipulation library for JavaScript that… >>> More
An Introduction to jQuery Templates

as seen on Stephen Walter - Search for 'Stephen Walter'
The goal of this blog entry is to provide you with enough information to start working with jQuery Templates. jQuery Templates enable you to display and manipulate data in the browser. For example, you can use jQuery Templates to format and display a set of database records that you have retrieved… >>> More
Ajax Control Toolkit December 2013 Release

as seen on Stephen Walter - Search for 'Stephen Walter'
Today, we released a new version of the Ajax Control Toolkit that contains several important bug fixes and new features. The new release contains a new Tabs control that has been entirely rewritten in jQuery. You can download the December 2013 release of the Ajax Control Toolkit at http://Ajax.CodePlex… >>> More
jQuery show "loading" during slow operation

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm trying to show a small loading image during a slow operation with jQuery and can't get it right. It's a BIG table with thousands of rows. When I check the "mostrarArticulosDeReferencia" checkbox it removes the "hidden" class from these rows. This operation takes a couple of seconds and I want… >>> More
Tracking download of non-html (like pdf) downloads with jQuery and Google Analytics

as seen on Developer IT - Search for 'Developer IT'
Hi folks, it’s been quite calm at Developer IT’s this summer since we were all involved in other projects, but we are slowly comming back. In this post, we will present a simple way of tracking files download with Google Analytics with the help of jQuery. We work for a client that offers… >>> More

Related posts about zoom

How to zoom in&zoom out

as seen on Ask Ubuntu - Search for 'Ask Ubuntu'
While using 10.04 and the previous versions I used to put ctrl+F6 to zoom in and subsequently ctrl+F7 to zoom out. Now I can't even find the options to zoom in and zoom out in the "keyboard shortcuts". I tried "the Magnifier" in the Compiz but really can't understand what is going on right there.… >>> More
Zoom in and zoom out using AS3

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi guys, you all know: "right click - zoom in or out" in flash file, well, I need to do this but using, for example, clicking a button. Is this possible using only AS3 code? Thx! >>> More
Steady zoom on center in LWJGL (Modelview)

as seen on Game Development - Search for 'Game Development'
I am having a problem in LWJGL with zooming in and out. I am using glScaled(zoom, zoom, 1) before glTranslated. There are 2 problems: 1. The rate of zoom speeds up a lot when zooming out (lower zoom value). 2. It zooms in on the bottom left corner of the screen rather than the center. Eventually,… >>> More
C# i am trying to make a zoom effect

as seen on Stack Overflow - Search for 'Stack Overflow'
Pls help! i am trying to make a zoom effect on a picturebox by mouse wheel.Everything is ok except that when i use mouse middle button to zoom in or zoom out it is ok but it does not zoom in or zoom out the point which the mouse cursor on.when i zoom in the point what i want it always slide .Pls… >>> More
iPhone Web Application + zoom in zoom out issue

as seen on Stack Overflow - Search for 'Stack Overflow'
Hello, I am developing a web application for iPhone safari browser. There is one strange scenario: A web page is loaded. User can zoom out that web page to see the contents in zoomed out manner. There is one button in the web page. Click of this button will hide one of the 'div' in same page and… >>> More