@@ -195,6 +195,7 @@ <h2>Registration seems fine </h2>
195195 </ div >
196196 <!-- style="width: 25vw;" -->
197197 < div style ="height: 85vh; position: relative; width: 100%; ">
198+ < div id ="frameSlider1 " style ="width: 60vw; "> </ div >
198199 < div id ="openseadragon1 " style ="position: absolute; height: 100%; width: 100%; "> </ div >
199200
200201 <!-- Crosshair overlay -->
@@ -225,6 +226,7 @@ <h2>Registration seems fine </h2>
225226 <!-- style="width: 25vw;" -->
226227 < div style ="height: 85vh; position: relative; width: 100%; ">
227228 < div id ="openseadragon2 " style ="position: absolute; height: 100%; width: 100%; "> </ div >
229+ < div id ="frameSlider2 " style ="width: 60vw; "> </ div >
228230
229231 <!-- Crosshair overlay -->
230232 < div id ="crosshair " style ="
@@ -286,9 +288,9 @@ <h2>Registration seems fine </h2>
286288 let server_url = window . location . origin + window . location . pathname . split ( "/images" ) [ 0 ] ;
287289 let imageId = { { source } } ;
288290 let options = { } ;
289- options . tileSources = [ server_url + `/images/image/${ imageId } /1/1 /tile/` ] ;
291+ options . tileSources = [ server_url + `/images/image/${ imageId } /1/{{zpos1}} /tile/` ] ;
290292
291- let tilesource_target = [ server_url + `/images/image/{{target}}/1/1 /tile/` ] ;
293+ let tilesource_target = [ server_url + `/images/image/{{target}}/1/{{zpos2}} /tile/` ] ;
292294 let dragon1 = OpenSeadragon ( {
293295 id : "openseadragon2" ,
294296 prefixUrl : "{% static '' %}/images/" ,
@@ -321,6 +323,7 @@ <h2>Registration seems fine </h2>
321323 document . getElementById ( 'input_target_x' ) . value = imageCenter2 . x ;
322324 document . getElementById ( 'input_target_y' ) . value = imageCenter2 . y ;
323325
326+
324327 // Submit the form normally
325328 document . getElementById ( 'submit-form' ) . submit ( ) ;
326329}
0 commit comments