使用javascript在新標簽頁中打開圖像和文本
[英]Using javascript to open image and text in new tab
問題描述
我有幾個對於HTML頁面來說非常重要的數字。
因此，我要執行的操作是在HTML中創建縮略圖，當用戶單擊時，將打開一個新選項卡，其中包含圖像，圖形標題和文本（例如，諸如caption =“ This is my caption”之類的東西）。
不過，我不希望有一堆新的HTML頁面用我所有的數字，我不希望有一堆小和全尺寸的圖像。 相反，我想要一些“清潔”的東西
我下面的代碼有一個數字（原始大小），但是將圖像顯示為縮略圖，當您單擊時，它將在新選項卡中打開該數字。
有沒有簡單的方法添加標題文本（並允許我將其重新用於所有圖形和標題）？
<a href='#' onClick=window.open('js/Figures/BI_Figure1.png','_blank');>
<img src='js/Figures/BI_Figure1.png' alt="thumb" width=100px;height=100px/>
</a>
1 個解決方案
解決方案1
2 2016-08-10 17:38:11
我不得不編寫一個可以處理此問題的Javascript函數
該函數如下所示：
function imagePopup(myImage, myTitle, myCaption, mySource) {
var myWindow = window.open("", myTitle, "_blank", "toolbar=no,scrollbars=no,resizable=yes");
myWindow.document.write("<head><title>" + myTitle + "</title></head>");
myWindow.document.write("<big><b>Figure Caption:</big></b>" + myCaption + "<p>");
myWindow.document.write("<big><b>Figure Source:</big></b>" + mySource + "<p>");
myWindow.document.write("<img src=" + myImage + ">");
return myWindow;
};
然后當我想使用它時，我稱它為：
<a href="#" onClick=imagePopup('PATH_TO_FIGURE','FIGURE_TITLE','FIGURE_CAPTION','FIGURE_SOURCE');><img src="PATH_TO_FIGURE" alt="thumb" width=100px;height=100px/></a>
PS-所有' 正在使用s，因為代碼已嵌入JSON數組中
使用 javascript 在新標簽頁中打開圖片
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.