.

rapids/models.py

@@ -307,6 +307,9 @@ class Rapid(models.Model):
 
     def get_image_urls(self):
         return ",".join(["https://www.penracourses.org.uk{}".format(i.url) for i in self.get_images()])
+
+    def get_image_url_array(self):
+        return json.dumps(["https://www.penracourses.org.uk{}".format(i.url) for i in self.get_images()])
     #def GetNonFeedbackQuestionImages(self):
         #return self.get_images()
 

rapids/templates/rapids/mark.html

@@ -13,7 +13,7 @@ Answers will be automatically marked.
 Answers marked as normal will be automatically marked.<br/>
 Region: {{ question.get_regions }}, Abnormalities: {{ question.get_abnormalities }}
 {% endif %}
-<div id="single-dicom-viewer" class="marking-dicom" data-images="[{{question.get_image_url_array}}]"
+<div id="single-dicom-viewer" class="marking-dicom" data-images="{{question.get_image_url_array}}"
     data-annotations='{{question.image_annotations}}'>
 </div>
 <div class="marking">

rapids/templates/rapids/question_display_block.html

@@ -89,7 +89,7 @@
     <summary>
         Image viewer
     </summary>
-    <div id="single-dicom-viewer" class="dicom-viewer" data-images="[{{ question.get_image_urls }}]" data-annotations='{{question.get_image_annotations}}'>
+    <div id="single-dicom-viewer" class="dicom-viewer" data-images="{{ question.get_image_urls }}" data-annotations='{{question.get_image_annotations}}'>
     </div>
     <button id="save-annotations">Save Annotations</button>
 </details>