Updating file locations, prepping for files.edx.org...

common/lib/xmodule/xmodule/templates/html/zooming_image.yaml

@@ -6,7 +6,7 @@ data: |
       <p>Use the Zooming Image Tool to enable learners to see details of large, complex images.</p>
       <p>With the Zooming Image Tool, the learner can move the mouse pointer over a part of the image to enlarge it and see more detail.</p>
       <p>To use the Zooming Image Tool, you must first add the <a href="http://files.edx.org/image-zoom-tool.js" target="_blank">image-zoom-tool.js JavaScript file</a> to your course.</p>
-      <p>You must also add both the regular and magnified image files to your course.</p>
+      <p>You must also add both the regular and magnified image files to your course, and they must have the same aspect ratio.</p>
       <p>The following HTML code shows the format required to use the Zooming Image tool. For the example in this template, you must replace the values in <i>italics</i>.</p>
       <p>Your small and large image should have the same aspect ratio.</p>
         <pre>
@@ -38,11 +38,11 @@ data: |
       <p>You can view the chemical structures of the molecules by clicking on them. The magnified view also lists the enzymes involved in each step.</p>
       <p class="sr">Press spacebar to open the magnifier.</p>
       <div class="zooming-image-place" style="position: relative;">
-        <a class="edx-zoom" href="https://studio.edx.org/c4x/edX/DemoX/asset/pathways_detail_01.png">
-            <img alt="magnify" src="https://studio.edx.org/c4x/edX/DemoX/asset/pathways_overview_01.png" />
+        <a class="edx-zoom" href="https://files.edx.org/zoomimg-image/large-map.jpg">
+            <img alt="magnify" src="https://files.edx.org/zooming-image/small-map.jpg" />
             <span class="indicator icon fa fa-search-plus" aria-hidden="true"></span>
           </a>
-        <div class="script_placeholder" data-src="https://studio.edx.org/c4x/edX/DemoX/asset/image-zoom-tool.js" />
+        <div class="script_placeholder" data-src="https://files.edx.org/zooming-image/image-zoom-tool.js" />
       </div>
       <script type="text/javascript">// <![CDATA[
       JavascriptLoader.executeModuleScripts($('.zooming-image-place').eq(0), function() {

common/lib/xmodule/xmodule/tests/templates/test/zooming_image.yaml

@@ -7,11 +7,11 @@ data: |
       <p>The example below is from <a href="https://www.edx.org/course/mit/7-00x/introduction-biology-secret-life/1014" target="_blank">7.00x: Introduction to Biology</a> and shows a subset of the biochemical reactions that cells carry out. </p>
       <p>You can view the chemical structures of the molecules by clicking on them. The magnified view also lists the enzymes involved in each step.</p>
       <div class="zooming-image-place" style="position: relative;">
-        <a class="edx-zoom" href="https://studio.edx.org/c4x/edX/DemoX/asset/pathways_detail_01.png">
-            <img alt="Enable image zoom" src="https://studio.edx.org/c4x/edX/DemoX/asset/pathways_overview_01.png" />
+        <a class="edx-zoom" href="https://files.edx.org/zoomimg-image/large-map.jpg">
+            <img alt="Enable image zoom" src="https://files.edx.org/zoomimg-image/small-map.jpg" />
             <span class="indicator icon fa fa-search-plus" aria-hidden="true"></span>
           </a>
-        <div class="script_placeholder" data-src="https://studio.edx.org/c4x/edX/DemoX/asset/image-zoom-tool.js" />
+        <div class="script_placeholder" data-src="https://files.edx.org/zooming-image/image-zoom-tool.js" />
       </div>
       <script type="text/javascript">// <![CDATA[
       JavascriptLoader.executeModuleScripts($('.zooming-image-place').eq(0), function() {

lms/static/sass/_build-course.scss

@@ -33,7 +33,7 @@
 @import 'course/modules/student-notes'; // student notes
 @import 'course/modules/calculator'; // calculator utility
 @import 'course/modules/timer'; // timer
-@import 'course/image-zoom-tool'; // styles for the custom image zoom tool
+@import 'course/modules/image-zoom-tool'; // styles for the custom image zoom tool
 
 // course - wiki
 @import "course/wiki/basic-html";