Soy un principiante de Java Script y me gustaría pasar la identificación de una imagen a un archivo HTML. Cuando hago clic en un enlace, quiero llegar a una página (anotador) con la imagen.

Esta es la parte Js:

 link = changeIIIFInformation(iiif, 10, "default") var figure = document.createElement('figure') var figcaption = document.createElement('figcaption') var linkToImage = document.createElement('a') linkToImage.setAttribute('href', 'annotator') linkToImage.innerHTML = label; figcaption.appendChild(linkToImage); var image = document.createElement('img'); image.setAttribute('src', link); figure.appendChild(image) figure.appendChild(figcaption) div.appendChild(figure) count += 1; if (count >= max_num + offset) { break; }

Y este es el código HTML:

 <div class="container-fluid"> <div class="row"> <div class="col-md-6" role="main"> Tablet: <select id="images" onchange="loadVariants()"></select> Side: <select id="imageside" onchange="reinit(null)"></select> <button id="saveAnnotations" onclick="saveTextAsFile(JSON.stringify(curanno),'json','anno')">Save Annotations</button> <button id="saveInGit" onclick="commitData()">Save Annotation in Gitlab</button> <button id="showTransliteration" onClick='document.getElementById("transliterationdialog").show();'>Show Transliteration</button> <button id="showTranslation" onClick='document.getElementById("translationdialog").show();'>Show Translation</button> <button id="showPaleoCode" onClick='document.getElementById("paleocodedialog").show();'>Show PaleoCodes</button> <button id="showIndexedChars" onClick="highlightIndexedChars()">Highlight Indexed Chars</button> <button onclick="showHideAnno()">Show/Hide Annotations</button> <br/> Tagsets: CharacterSet: <input type="radio" id="characterset"> LinguisticAnnotation: <input type="radio" id="linguisticset" /> </div> </div> </div>