我正在构建一个新的作品集页面以及其他一些基于 html 的项目。图片库真的很重要
我从 lightroom 中导出,以便每个文件都是“ADA-#.jpeg”,然后我需要添加相关代码以将照片添加到在线作品集及其匹配缩略图。
是否有一个插件或方法可以让我快速地采取这样的做法:
<img src="gallery/4c/ada-1.jpg" alt="Caption Text"/>
让它自动粘贴 50 次,如下所示:
<img src="gallery/4c/ada-2.jpg" alt="Caption Text"/>
<img src="gallery/4c/ada-3.jpg" alt="Caption Text"/>
<img src="gallery/4c/ada-4.jpg" alt="Caption Text"/>
....
直到达到 50?
我的 php/python 技能确实生疏了,实际要重复的 html 看起来是这样的吗:
活动工作
我可以弄清楚,但我太忙了>.<
答案1
当我需要做这样的事情时,我总是使用 PHP,因为它易于编写脚本。我将为您编写代码来作为示例。
http://24.3.3.167/test.php
(在此测试脚本)
<?php
$currentCount = 1;
while ($currentCount < 51):
echo htmlspecialchars('<img src=\"gallery/4c/ada-') . $currentCount . htmlspecialchars('.jpg\" alt=\"Caption Text\"/>') . '<br />';
$currentCount++;
endwhile;
?>
答案2
您可以简单地创建一个简单的 javascript 函数来为您输出所有行,并使用循环来控制您需要的时间。
您可以让 javascript 将内容直接“粘贴”到您的 html 上(在<div>
您需要的或另一个标签内)。
以下是一个例子:
在你的 html 中,你可能有一个像这样的 div
<div id="myimages"><div/>
并有一个 javascript 函数(及其调用),如下:
function images(n){
i=1;
while(i<=n){
d = document.getElementById("myimages");
d.innerHTML = d.innerHTML+'<img src="gallery/4c/ada-'+i+'.jpg" alt="Caption Text'+i+'"/>\n<br>';
i++;
}
}
images(50);
那么你的输出将“神奇地”拥有你所有的图像=)
我建议你学习一点 javascript,或者甚至是 PHP 这样的服务器脚本语言,这样你就可以做这样的事情而不必像这种情况一样编写/编写重复的代码。
答案3
Alt您可以使用+选择列drag。
选择要插入的列。
现在转到您需要插入的文件并按Alt+drag选择列
然后粘贴复制的列。得到的结果是...
答案4
另一种方法是使用Perl
一行:
$ perl -e 'printf "<img src=\"gallery\/4c\/ada-\%d.jpg\" alt=\"Caption Text\"\/>\n", $_ for 1..50'
-e
:允许您定义要由编译器执行的 Perl 代码。