在新窗口上查看图像

时间:2016-11-15 07:34:32

标签: javascript php

我使用php创建了代码,它将在指定的路径中显示浏览器中的所有图像,并定义宽度和高度。现在我想开发一个代码,如果我点击任何一个图像,它应该在新窗口中以原始大小显示我。请指导。不知道该怎么做。

编辑问题

image.php

<script language="javascript"> //disabling right click
document.onmousedown=disableclick;
status="Right Click Disabled";
function disableclick(event)
{
    if(event.button==2)
    {
        alert(status);
        return false;    
    }
}
</script>

<?php //displaying images on browser
$dir= '../images/';


$file_display = array('jpg','jpeg','png','gif');
if (file_exists($dir) == false) 
{
    echo 'Directory \''. $dir. '\' not found!';
}
else 
{
    $dir_contents = scandir($dir);

    foreach ($dir_contents as $file) 
    {
        $tmp = explode('.', $file);

        $f_e = end($tmp);
        $file_type = strtolower($f_e);

        if ($file !== '.' && $file !== '..' && in_array($file_type, $file_display) == true) 
        {
            echo '<img src="'. $dir.$file. '" alt="'.$file. '"style="width:250px;height:250px" />';
        }
    } 
}
?>

此代码将在浏览器中显示所有图像,如果单击任何图像,则应在浏览器中显示新图像上显示的图像。

如何获取所点击图片的图片ID?

4 个答案:

答案 0 :(得分:0)

尝试这个:

<a href="#" target="_blank"><img src="IMG URL" ></a>

答案 1 :(得分:0)

你有“目标”属性,你可以这样使用它:

{{1}}

target =“_ blank”将在新窗口中打开网址,尝试根据您的需要进行调整。

您还可以将图片放在“a”属性的顶部作为“图片链接”

答案 2 :(得分:0)

echo '<a href="'. $dir.$file. '" target="_blank" title="'.$file. '"><img src="'. $dir.$file. '" alt="'.$file. '" style="width: 250px;height: 250px"></a>';

只需在img中附上一个&#34;目标&#34;一个新的窗口/标签。

如果您知道图像存储在服务器上的网址并知道该位置的网址,您可以在链接中指定:

例如:<a href="/images/'. $file. '" target="_blank" title="'.$file. '">

答案 3 :(得分:0)

请找 @Tintu C Raju 评论,他们有我的问题的确切解决方案。