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

Question

我有一个网站与画廊的图片集，我正在工作。当用户点击图片时，客户希望图片被放大。他们只需在白色页面上打开指向图片的链接，即图片的路径即可。即http://web.com/folder/picture.jpg。

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

或

在你把鼠标放在图片上一两秒钟之后，弄清楚如何让图片放大是不是更好？

Answer 1

关于打开图像的动画，你应该看看javascript plugins，你要找的术语是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++;
}

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

Answer 2

听起来像是你亲手写的html/图片？您应该使用php遍历所有图像并以这种方式构建html。

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

Answer 3

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

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