background preloader

jQuery Reel Plugin

jQuery Reel Plugin
verb ... the room reeled GO ROUND, go round and round, whirl, spin, revolve, swirl, twirl, turn, swim. Try dragging this area or roll your mouse wheel over it Now even on Android Reel 1.3 is an established and the most versatile three-sixty player for jQuery. Teaches your ordinary image tag some new tricks turning it into a gorgeous interactive 360° object movie, panorama or stop-motion animation. Reel is the premier alternative to Flash, Java or Quicktime and is trusted by government agencies and big brands like BMW, Nikon, O2, Blackberry or The New York Times. Modes covering beyond usual 360° span. back up Demonstration An image is worth a thousand words. Try reel for yourself. Stitched panoramas are supported too: You can also embed annotations (e.g. text or images) of individual features on the scene. See all 19 examples incl. code samples Is it compatible? Runs everywhere! Who uses it? Everybody! Latest news To date, Reel is used on 2014+ domains world-wide. Patch release 1.1.1 out! Related:  360-VR

jQuery for Designers - Tutorials and screencasts EFFET DE ROTATION A 360° D'IMAGE AVEC ACCELERATION DECELERATION diaporama, acceleration, deceleration, iphone, rotation 360, Source N°54059 Javascript c'est un effet de rotation a 360 degré avec plusieurs images utilisant la souris sur la zone ou ce situe l'image on peut aussi pousser l'image afin de créer un effet d?accélération décélération j'y est ajouter le préchargement des images afin d'assurer la fluidité de l'animation le script fonctionne avec firefox chrome opera et ie testé avec ie 8 et je pense qu'il doit pouvoir marcher avec ie 6 lien teste Source / Exemple : Conclusion : ca roule

Introducing the 3DPro - Stereoscopic 360 Video | 360Rize | 360 Video The 3DPro is a 3-in-1 stereoscopic 360 video rig that presents itself as perhaps our most versatile product to date. It offers filmmakers the capability to shoot fully spherical stereoscopic footage, blended monoscopic and stereoscopic footage as well as high resolution monoscopic footage all with the same modular rig. Full 360 x 180 Degree Stereoscopic 360 Video and Photos When configured for 14 cameras, the 3DPro captures fully spherical stereoscopic 360 videos and photos. The configuration has seven stereo pairs, with one pair on the top and bottom of the sphere and five on the horizon. Multiple Configurations in One Rig 14-camera configuration 12-camera configuration The 3DPro’s modular design allows users to adjust the number of cameras in the rig. Transition smoothly from 3D on the horizon to mono on the top/bottom. Stereoscopic and Monoscopic 360 Video Download Monoscopic and Stereoscopic Samples Click to Download 3DPRO Monoscopic Sample Footage View Monoscopic Sample Footage Pro10HD v2

jQuery Menu Plugin: BubbleUP | AEXT.NET jQuery: The Write Less, Do More, JavaScript Library jquery_ui_map_v_3_sample_code - jquery-ui-map - Sample code - Google map v3 plugin for jQuery and jQuery Mobile Example constructor call Make the selected element a Google map. $('#map_canvas').gmap(); Map options are added in the constructor or set with the option method The map options is extended with a callback function which will execute when the Google Map object has been instanciated. When the map is fully initialized (with bounds) it will trigger the 'init' event. $('#map_canvas').gmap().bind('init', function(event, map) { // do something }); All properties in the MapOption object can be set and retrieved by Get the zoom var zoom = $('#map_canvas').gmap('option', 'zoom'); Set the zoom $('#map_canvas').gmap('option', 'zoom', 7); Example add custom control $('#map_canvas').gmap().bind('init', function() { $('#map_canvas').gmap('addControl', 'control', google.maps.ControlPosition.LEFT_TOP); }); $('#map_canvas').gmap('addControl', 'control', google.maps.ControlPosition.LEFT_TOP); Example add marker Example InfoWindow Close any open InfoWindow $('#map_canvas').gmap('closeInfoWindow'); Example JSON response

krpano.com - Panoramic Video See here for information about the krpano Panoramic Video support. View the demonstration examples on this site or download and try the new viewer with your own videos. The krpano viewer also has the possibility to use videos as panoramic images. Panoramic-Video Examples Dubai, United Arab Emirates Implementation Details The video file itself will be loaded, played and controlled by the krpano videoplayer plugin. User Interface By default there is no user-interface. jDigiClock - Digital Clock (HTC Hero inspired). Author: Radoslav Dimov Version: 2.1 (Changelog) Download: jdigiclock.zip Licence: Dual licensed under the MIT and GPL licenses. Contents Introduction jDigiClock is a jQuery plugin inspired from HTC Hero Clock Widget. Examples Update Weather ... Bourgas More sun than clouds Tue 18° / 8°Wed18° / 8°Thu16° / 10°Fri16° / 8° Mon, 14 Apr, 17:41 Getting started To use the jDigiClock plugin, include the jQuery library, the jDigiClock source file and jDigiClock core stylesheet file inside the <head> tag of your HTML document: To setup jDigiClock, add the following code inside the <head> tag of your HTML document: <script type="text/javascript"> $(document).ready(function() { $('#digiclock').jdigiclock({ // Configuration goes here }); }); </script> jDigiClock accepts a lot of configuration options, see chapter "Configuration" for further informations. jDigiClock expects a very basic HTML markup structure inside your HTML document: Configuration Compatibility Donate a beer or two via PayPal

Gaya Design - Presentation Cycle Consectetur adipiscing elit. Nunc quis tellus eros. Nam blandit diam id turpis bibendum nec rutrum dui pulvinar. Quisque fermentum, dolor ut adipiscing suscipit, leo lorem malesuada mauris, vitae dapibus mi ligula ut nunc. Getting Started - Google Maps JavaScript API v3 The Maps JavaScript API lets you customize maps with your own content and imagery for display on web pages and mobile devices. The Maps JavaScript API features four basic map types (roadmap, satellite, hybrid, and terrain) which you can modify using layers and styles, controls and events, and various services and libraries. Audience This documentation is designed for people familiar with JavaScript programming and object-oriented programming concepts. This conceptual documentation is designed to let you quickly start exploring and developing applications with the Maps JavaScript API. Hello, World The easiest way to start learning about the Maps JavaScript API is to see a simple example. View example. Even in this simple example, there are a few things to note: We declare the application as HTML5 using the <! These steps are explained below. Declaring your application as HTML5 We recommend that you declare a true DOCTYPE within your web application. Loading the Maps JavaScript API HTTPS or HTTP

Related: