Your SlideShare is downloading. ×
360 degree car rotation – common code for mobiles and computer browsers
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

360 degree car rotation – common code for mobiles and computer browsers

945
views

Published on

I had been updating my examples and tutorials off lately and trying to create a more general approach to application development – Write a single app that runs in mobile browsers as well as computer …

I had been updating my examples and tutorials off lately and trying to create a more general approach to application development – Write a single app that runs in mobile browsers as well as computer browsers. Following the same approach, this time I am updating one of my previous tutorials – 360 Degree Car/Product rotation for iPhones. So, I worked on a 36o degree car rotation code that runs in both mobile and desktop browsers.
For the full post download this file or visit the actual blog post link: http://jbkflex.wordpress.com/2012/07/25/360-degree-car-rotation-common-code-for-mobiles-and-computer-browsers/

Published in: Technology

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
945
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. 360 degree car rotation – common code for mobiles andcomputer browsersI had been updating my examples and tutorials off lately and trying to create a more general approach to applicationdevelopment – Write a single app that runs in mobile browsers as well as computer browsers. Following the sameapproach, this time I am updating one of my previous tutorials – 360 Degree Car/Product rotation for iPhones. So, Iworked on a 36o degree car rotation code that runs in both mobile and desktop browsers.This tutorial is an update to my previous one, I also present a new demo. I will not go into the details, which I havetalked about in my previous tutorial. Have a look at the demo, open it in either an iOS browser or a computer web-kit browser.Link: http://jbk404.site50.net/360DegreeView/mobile/common.html 360 degree car rotation in mobile safariWhat are the changes?All the changes are in the javascript code. I have introduced a device detection mechanism and then automaticallyassign either touch events (for mobiles) or mouse events (for computer browsers). These are the same changes thatI have recently talked of in my last post – Replicating the iPhone Swipe Gesture — common code for mobiles andcomputer browsers. That should help you out.Other than that just try the example link in a computer web-kit browser – Chrome/Safari or an iOS device browserwhich is also a web-kit browser. Android devices need some changes and the same code might not work. I havetalked on this in my previous post.For the code, right click to view the source.