|
6 | 6 |
|
7 | 7 | <title>Sample - openui5.parallax.ParallaxScene</title> |
8 | 8 |
|
9 | | - <base href="../../../../"> |
10 | | - <!--[if lte IE 9]><script> |
11 | | - (function() { |
12 | | - var baseTag = document.getElementsByTagName('base')[0]; |
13 | | - baseTag.href = baseTag.href; |
14 | | - })(); |
15 | | - </script><![endif]--> |
16 | | - |
17 | 9 | <style> |
18 | 10 | html { |
19 | 11 | height: 100%; |
|
60 | 52 | </style> |
61 | 53 |
|
62 | 54 | <script id="sap-ui-bootstrap" |
63 | | - src="resources/sap-ui-core.js" |
| 55 | + src="../../../../resources/sap-ui-core.js" |
64 | 56 | data-sap-ui-libs="openui5.parallax" |
| 57 | + data-sap-ui-resourceroots='{ |
| 58 | + "openui5.parallax.example" : "./" |
| 59 | + }' |
65 | 60 | data-sap-ui-theme="sap_belize"> |
66 | 61 | </script> |
67 | 62 |
|
|
72 | 67 | xmlns:mvc="sap.ui.core.mvc" |
73 | 68 | xmlns:p="openui5.parallax"> |
74 | 69 | <p:ParallaxScroller id="background" class="background" speedY="3"> |
75 | | - <p:ParallaxLayer id="parallaxClouds1" src="test-resources/openui5/parallax/sample/images/clouds1.png" depth="1" class="clouds transparent"></p:ParallaxLayer> |
76 | | - <p:ParallaxLayer id="parallaxClouds2" src="test-resources/openui5/parallax/sample/images/clouds2.png" depth="0.5" class="clouds transparent"></p:ParallaxLayer> |
77 | | - <p:ParallaxLayer id="parallaxClouds3" src="test-resources/openui5/parallax/sample/images/clouds3.png" depth="0.25" class="clouds transparent"></p:ParallaxLayer> |
78 | | - <p:ParallaxLayer id="parallaxHill1" src="test-resources/openui5/parallax/sample/images/hill1.png" depth="0.2" class="hills transparent"></p:ParallaxLayer> |
79 | | - <p:ParallaxLayer id="parallaxHill2" src="test-resources/openui5/parallax/sample/images/hill2.png" depth="0.6" class="hills transparent"></p:ParallaxLayer> |
80 | | - <p:ParallaxLayer id="parallaxHill3" src="test-resources/openui5/parallax/sample/images/hill3.png" depth="2.0" class="hills transparent"></p:ParallaxLayer> |
| 70 | + <p:ParallaxLayer id="parallaxClouds1" src="images/clouds1.png" depth="1" class="clouds transparent"></p:ParallaxLayer> |
| 71 | + <p:ParallaxLayer id="parallaxClouds2" src="images/clouds2.png" depth="0.5" class="clouds transparent"></p:ParallaxLayer> |
| 72 | + <p:ParallaxLayer id="parallaxClouds3" src="images/clouds3.png" depth="0.25" class="clouds transparent"></p:ParallaxLayer> |
| 73 | + <p:ParallaxLayer id="parallaxHill1" src="images/hill1.png" depth="0.2" class="hills transparent"></p:ParallaxLayer> |
| 74 | + <p:ParallaxLayer id="parallaxHill2" src="images/hill2.png" depth="0.6" class="hills transparent"></p:ParallaxLayer> |
| 75 | + <p:ParallaxLayer id="parallaxHill3" src="images/hill3.png" depth="2.0" class="hills transparent"></p:ParallaxLayer> |
81 | 76 | </p:ParallaxScroller> |
82 | 77 | </mvc:View> |
83 | 78 | </script> |
|
93 | 88 |
|
94 | 89 | // create xml view |
95 | 90 | var oView = sap.ui.xmlview({viewContent: jQuery('#view').html()}); |
| 91 | + oView.getContent()[0].getLayers().forEach(function (oLayer) { |
| 92 | + oLayer.setSrc(jQuery.sap.getModulePath("openui5.parallax.example", "/" + oLayer.getSrc())); |
| 93 | + }); |
96 | 94 | oView.placeAt("content"); |
97 | 95 | }); |
98 | 96 | </script> |
|
0 commit comments