diff --git a/rapids/models.py b/rapids/models.py
index ec7c8f44..91081a53 100644
--- a/rapids/models.py
+++ b/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()
 
diff --git a/rapids/templates/rapids/mark.html b/rapids/templates/rapids/mark.html
index 20d5f5b6..423d2fee 100644
--- a/rapids/templates/rapids/mark.html
+++ b/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">
diff --git a/rapids/templates/rapids/question_display_block.html b/rapids/templates/rapids/question_display_block.html
index 50d0cc85..8ed4a5e4 100755
--- a/rapids/templates/rapids/question_display_block.html
+++ b/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>