aboutsummaryrefslogtreecommitdiff
path: root/node_modules/montage-google/picasa-carousel.reel/image.reel
diff options
context:
space:
mode:
Diffstat (limited to 'node_modules/montage-google/picasa-carousel.reel/image.reel')
-rw-r--r--node_modules/montage-google/picasa-carousel.reel/image.reel/image.html39
-rw-r--r--node_modules/montage-google/picasa-carousel.reel/image.reel/image.js20
2 files changed, 59 insertions, 0 deletions
diff --git a/node_modules/montage-google/picasa-carousel.reel/image.reel/image.html b/node_modules/montage-google/picasa-carousel.reel/image.reel/image.html
new file mode 100644
index 00000000..368bd059
--- /dev/null
+++ b/node_modules/montage-google/picasa-carousel.reel/image.reel/image.html
@@ -0,0 +1,39 @@
1<!DOCTYPE html>
2<!-- <copyright>
3 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
4 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
5 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
6 </copyright> -->
7<html>
8<head>
9 <script type="text/montage-serialization">
10 {
11 "owner": {
12 "prototype": "montage-google/picasa-carousel.reel/image.reel",
13 "properties": {
14 "element": {"#": "Image"}
15 }
16 }
17 }
18 </script>
19</head>
20<style>
21 .Image {
22 position: absolute;
23 top: 50%;
24 left: 50%;
25 margin-top: -72px;
26 margin-left: -105px;
27 width: 206px;
28 height: 140px;
29 border-radius: 4px;
30 border: 2px solid #888;
31 background-repeat: no-repeat;
32 background-position: center center;
33 background-size: cover;
34 }
35</style>
36<body>
37 <div id="Image" class="Image"></div>
38</body>
39</html>
diff --git a/node_modules/montage-google/picasa-carousel.reel/image.reel/image.js b/node_modules/montage-google/picasa-carousel.reel/image.reel/image.js
new file mode 100644
index 00000000..d5b9363e
--- /dev/null
+++ b/node_modules/montage-google/picasa-carousel.reel/image.reel/image.js
@@ -0,0 +1,20 @@
1var Montage = require("montage").Montage,
2 Component = require("montage/ui/component").Component;
3
4var Image = exports.Image = Montage.create(Component, {
5
6 _src: {value: null},
7
8 src: {
9 set: function(value) {
10 this._src = value;
11 this.needsDraw = true;
12 }
13 },
14
15 draw: {
16 value: function() {
17 this._element.style.backgroundImage = "url(" + this._src + ")";
18 }
19 }
20});