2016-11-15 4 views
1

Я создал код с использованием php, в котором он отобразит все изображения в браузере с указанного пути с указанием ширины и высоты. теперь я хочу разработать код, в котором, если я нажму на любое изображение, оно должно отобразить меня в оригинальном размере в новом окне. пожалуйста, руководство. не знаю, как это сделать.посмотреть фотографию в новом окне

Edited Вопрос

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" />'; 
     } 
    } 
} 
?> 

этот код будет отображать все изображения на браузере, в браузере, если м щелчок на любом из изображений, изображения должны быть отображены на новое окно.

Как я могу получить идентификатор изображения щелкнутого изображения?

+0

Вы пробовали [window.open] (http://www.w3schools.com/jsref/met_win_open.asp)? – Joe

+0

что писать в window.open. Я имею в виду, что в браузере он показывает мне все изображения, затем как я могу получить их имя изображения, а затем отправить его на другую страницу. –

+0

Непонятно, что вы хотите. Покажите нам, что у вас есть до сих пор ... возможно, это поставит некоторые огни на то, что вы хотите. Покажите, как вы загружаете изображения на странице. –

ответ

0

TRY это:

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

у вас есть "целевой" атрибут вы можете использовать его так:

<a href=url to your picture target="_blank">Image in new window</a> 

мишень = "_blank" откроет URL в новом окне, попробуйте подходит для того, что вы хотите.

вы также можете поместить изображение сверху «а» атрибут как «ссылка изображение»

+0

после события «click», функция обработчика получает «e» в качестве параметра, –

+0

попробуйте e.target.src http://www.w3schools.com/jsref/event_target.asp –

0

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

Просто заключите IMG со ссылкой, что «цели» окно/новая вкладка.

Если вы знаете URL, где изображения хранятся на сервере и знать URL в месте, вы можете указать, что в ссылке:

Например: <a href="/images/'. $file. '" target="_blank" title="'.$file. '">

0

пожалуйста найти @Tintu C Raju комментарий, у них есть точное решение моего вопроса.

Смежные вопросы