Question

我是stackoverflow的新手，真的希望你们能帮助我。我为摄影师设计了一个小网站，他对下载图像的选项不满意。我知道没有办法在线保护图像。（您可以轻松保存页面并获得所需的一切）。 如果有更好的方法。请让我知道.. 所以无论如何我说我将切片他的图像并上传，所以人们将只下载他的图像片段。即使它不是100％安全，他在几个解释时间后也没关系:) 我希望使用SuperSimple图像拼贴，但由于它运行php很多，加载图像有点慢。我敢肯定，你们都知道。所以无论如何我现在希望使用批量图像切片器并切片图像。哦，我忘了告诉，有大约100张图片：D 所以无论如何，我会将图像切成25片（5x5）。我将在div中添加完整的图像。我需要知道的是，是否需要使用js循环添加切片图像，这样过程将更加顺畅和简单。由于div将根据熨平板尺寸调整大小，因此完整图像应为100％宽度和高度。

这是当前的完整图像语法。

<div> <img src="IMAGE (1).jpg" width="100%" height="100%" /> </div>

我想要做的是，而不是上面的图像标签，我需要运行循环脚本。添加25个图像（而不是1个图像来制作图像平铺）。图像被命名为IMAGE（1）1，IMAGE（1）2，IMAGE（1）3..etc ..直到IMAGE（1）25和再次IMAGE（2）1，IMAGE（2）2，IMAGE（2 ）3..etc ..直到图像（2）25 ...

希望我能很好地解释我的问题。请有人告诉我一个简单的方法来添加脚本以自动化图像插入过程。我相信图像样式应该是FLOAT = LEFT和WIDTH = 20％，HEIGHT = 20％..

提前多多感谢。

Answer 1

使用PHP会更好一个重要原因：不是每个人都启用了javascript。我不熟悉'SuperSimple图像切片'所以我不能评论它的性能，但普通的PHP不会减慢它的速度 - 在大多数情况下，它应该比类似的javascript循环更快，因为它是在较少的数据下载到客户端。

在普通的php中做到这一点（在初始变量中拼写出来的假设以及图像块编号从0开始）：

<?php
$img_path =  "images/funkytree_" //the base image path without the number or the extension
$img_ext = ".jpg" //the extension
$img_alt =  "funky tree" //alt text for the images
$i = 0;
while ($i < 25) {
echo "<img src='{$img_path}{$i}{$img_ext}' alt='{$img_alt}'/>;
$i ++;
}
?>

然后最好使用CSS样式来设置每个图像的位置/大小。

HTH 尼克

JavaScript将切片图像自动添加到div

1 个答案: