Question

我有一个网站，上面有我正在制作的图库集。客户希望在用户点击图片时放大图片。他们可以在他们只是打开白色页面上图片的链接，这是图片的路径。 I.E http://web.com/folder/picture.jpg。

有很多图片是否有使用html，css或php来使图片自动链接到自己？

或者

将鼠标放在它们上一两秒之后，弄清楚如何让图片放大会更好吗？

Answer 1

听起来像你的手编码html /图像？你应该使用php循环遍历所有图像并以这种方式构建html

编辑：你应该考虑使用名为fancybox的jquery插件来显示全尺寸图像，它简单而且看起来很专业

Answer 2

考虑使用灯箱。它们非常易于编码，有助于创建出色的用户体验。还有许多现成的脚本，只需修改几行代码即可使用。

http://www.lokeshdhakar.com/projects/lightbox2/

Answer 3

关于打开图片的动画，你应该看一下javascript插件，你要找的术语是 lightbox 。

关于图像的“自动加载”，你应该看一下PHP。最快的原因是将库中的所有图像加载到两个大小的单独目录中（例如/images/thumbs/image_1.jpg和/images/full/image_1.jpg） - 使用批量调整大小并保存它们一致。那你用PHP做的是，你用这个读取目录：

$imgs_per_div = 4;
$i = 1;
$images_in_dir = glob("images/thumbs/*.jpg");
foreach ($images_in_dir as $thumb_image)
{
    $filename = basename($thumb_image);
    $large_image = 'images/full/' . $filename;
    if ($i == 1 || $i % $imgs_per_div == 0)
       echo '<div>';
    echo "<a href='$large_image'><img src='$thumb_image'/></a>";
    if ($i % $imgs_per_div + 1 == 0 || $i == count($images_in_dir))
       echo '</div>';
    $i++;
}

我没有测试过代码，但它应该可以通过设置正确的图像路径来为您工作。这应该绘制出预设目录中的所有图像。

有没有办法让图片自动链接到自己？

3 个答案: