{"id":13749544,"url":"https://github.com/caffeinalab/ti.tilt-image-view","last_synced_at":"2025-12-25T07:53:05.218Z","repository":{"id":153210668,"uuid":"20797810","full_name":"caffeinalab/ti.tilt-image-view","owner":"caffeinalab","description":"FacebookPaper-style tilt-fullscreen Image viewer widget for Titanium Alloy.","archived":false,"fork":false,"pushed_at":"2014-10-06T16:49:10.000Z","size":311,"stargazers_count":53,"open_issues_count":0,"forks_count":12,"subscribers_count":15,"default_branch":"master","last_synced_at":"2024-08-04T07:03:32.023Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/caffeinalab.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-06-13T08:41:14.000Z","updated_at":"2024-03-04T02:56:25.000Z","dependencies_parsed_at":"2023-04-16T08:36:18.174Z","dependency_job_id":null,"html_url":"https://github.com/caffeinalab/ti.tilt-image-view","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/caffeinalab%2Fti.tilt-image-view","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/caffeinalab%2Fti.tilt-image-view/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/caffeinalab%2Fti.tilt-image-view/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/caffeinalab%2Fti.tilt-image-view/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/caffeinalab","download_url":"https://codeload.github.com/caffeinalab/ti.tilt-image-view/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224863107,"owners_count":17382279,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-03T07:01:05.120Z","updated_at":"2025-12-25T07:53:05.161Z","avatar_url":"https://github.com/caffeinalab.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# Ti.TiltImageView\n\n### com.caffeinalab.titanium.tiltimageview\n\n#### This module emulate the [Facebook Paper](https://www.facebook.com/paper) tilt-fullscreen ImageViewer.\n\nIt provides a **scrollable, pinchable, zoomable** and fullscreen ImageViewer.\n\nThe widget is fully compatible with iOS and Android, with different features.\n\nOn iOS 7+, it uses the new [ti.coremotion](http://docs.appcelerator.com/titanium/latest/#!/guide/Core_Motion_Module) Titanium module to move the image across your movements. So you need to **install the ti.coremotion module** or this feature will not work.\n\nOn Android, due system limitations, the image is not pinchable/zoomable.\n\n*Thanks to [this post by SubjC](http://subjc.com/facebook-paper-photo-panner/) for making me understand some things about this widget.*\n\n![image](http://cl.ly/image/2F1C3h1r0G2c/687474703a2f2f662e636c2e6c792f6974656d732f30653238304232523236323230453152326333682f6f75742e6a7067%20(1)_iphone5s_spacegrey_portrait.png)\n\n## Original \"Facebook Paper\" Controller\n\n![image](http://cl.ly/image/0Q3N35163j0P/title-video.gif)\n\n\n## Installation\n\n#### Via Gittio\n\n```\ngittio install com.caffeinalab.titanium.tiltimageview\n```\n\n#### Via Github\n\nDownload the latest release, unzip in `app/widgets` and add in your *config.json*, under `dependencies`:\n\n```json\n\"dependencies\": {\n    \"com.caffeinalab.titanium.tiltimageview\": \"*\"\n}\n```\n\n## Usage\n\n### In Views\n\nRequire the widget in an Alloy View\n\n```xml\n\u003cWidget src=\"com.caffeinalab.titanium.tiltimageview\" id=\"paperImageView\" image=\"http://lorempixel.com/1024/1024/city\" title=\"This is the title!\" /\u003e\n```\n\nAnd open when you need in the relative controller\n\n```javascript\n$.paperImageView.open();\n```\n\n### In Controllers\n\nInstance the widget and open it\n\n```javascript\nvar tilter = Alloy.createWidget('com.caffeinalab.titanium.tiltimageview', { /* constructor options */ });\ntilter.open();\n```\n\n## Constructor options\n\n#### `image` (String|Ti.Blob)\nThe image to show. Must be a **URL** or a `Ti.Blob`\n\n#### `[closeOnClick]` (Boolean, default: `true`)\nAdd a listener to close the modal on the click over the image\n\n#### `[title]` (String)\nThe title to show on the bottom of the View.\n\n#### `[subtitle]` (String)\nThe subtitle to show\n\n## API\n\n#### `open()`\nOpen the widget.\n\n#### `close()`\nClose the widget\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcaffeinalab%2Fti.tilt-image-view","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcaffeinalab%2Fti.tilt-image-view","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcaffeinalab%2Fti.tilt-image-view/lists"}