Skip to main content

jQuery plugin for image zoom and rotate..together!!

Well check the following url http://code.google.com/p/jqueryrotatezoom/

Some working examples can be found on jsFiddle
  1. http://jsfiddle.net/sandeeprajoria/jGyBZ/3/ contains full fledged working examples
  2. http://jsfiddle.net/sandeeprajoria/jGyBZ/1/ contains the most basic implementation
First of all, this is a re-implementation of a plugin named jqueryrotate 

The main idea behind this plugin is to provide smooth image zoom feature while rotating them in different angles and speed(or easing functions).

So it would seem, like a picture is coming from nowhere, while rotating and zooming itself to its maximum or limited zoom percentage.

Now how did this come together?


Well it all started with tutsplus.com...
Their lead trainer Mr. Jeffery Way gave a fabulous webcast titles 'jQuery in 30 days' .

The webcast can still be found on their website tutsplus.com

That was when I came to know about the 'coolness' of jQuery, and an eager to learn it and use it more.
I was working around with one of my Drupal projects, that's when I found a need of a zoom plugin which could zoom and rotate images simultaneously super-coolly.

I searched for couple of plugins on the net. I could find a few which could zoom in/out and few which could rotate, but none to do both together.

As they say neccesity is the mother of invetion.
I took one of the better ones and started amending them, took 2 days to come up with my version 1 of
jQueryRotateZoom plugin.

Once again go this url to check it and rate it may be, and spread the word about it.


So long...

Sandeep Rajoria
Labels:

Comments

Post a Comment

Popular posts from this blog

Multi Tenancy with Codeigniter

In this post I will show you how I converted my normal Codeigniter application into a multi-tenant system.(first step to a SaaS implementation) Note - This implementation is a separate DB multi-tenancy implementation. Lets say we have an up and running CI application name ci_app , with the directory structure like this ./application ./application/config ./application/...so many other important directories ./asset ./asset/js ./asset/images ./asset/css ./system ./index.php which is accessed through browser like http://localhost/ci_app So to implement the multi-tenant arch we are most concerned about the following files, and we will be editing them ./index.php ./application/config/config.php ./application/config/database.php And also we need to create a few new ones Create a tenant folder in your www root directory, lets say tenant_1 Cut the ./index.php from ci_app and paste it in tenant_1 directory  Create a blank file config.php in tenant_1 directory Crea
17 comments
Read more

Profiling and checking PHP error_reporting in a Codeigniter App, without editing the config!!

Hi all, You must have definitely used the Profiling in Codeigniter and error_reporting many a times in Development and Testing environment, but I am sure you must have missed it on a real Production environment. As there are scenarios, where you want to quickly debug the Production application and find out what PHP errors is the application throwing, check the page profile, that too without putting the time and effort in replicating the whole production environment on your local machine, or perhaps a testing server. This small piece of code(we could perhaps call it a hack), which I have used in almost all of my CI applications, will make your life very easy, without losing anything on the security of the system. Following points, essentially sum up what exactly it does - Check for the dev(or root or admin, whichever name you use for the su access), if it is logged in, as we don't want others to see all the Profile data and other errors. Check for a specific query str
5 comments
Read more

How I solved design problems by using various design patterns in my Laravel Project

Hey guys, Lately I have been working on a Virtual marketplace application using Laravel and PostgreSQL. So, when I was asked to build this huge application, the biggest challenge I faced was the design. Having a fair bit of prior experience in Laravel and upon following the current community trend, I decided to go with Laravel. And I hoped and expected that this, somewhat opinionated framework, would take care of my design to a large extent. When I actually started designing it, I realized that for a small/medium application Laravel already has things in place, you, as a developer just need to follow the guidelines set in place by the framework and use the features its providing out-of-box. However, for a larger application, with lot of interdependent modules and complex business flows, you need to make your own design decisions as well along with the existing features. This gave me an opportunity to take a look into the various existing design patterns to solve my design probl
4 comments
Read more