使用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.