PHP делает изображения кликабельными

Нужна небольшая помощь, чтобы сделать мои изображения кликабельными. Я перепробовал все, и всякий раз, когда я делаю, изображения ломаются и не показывают. Код был предоставлен на сайте, и я пытался добавить нумерацию страниц на свою страницу, и теперь возникает другая ошибка при нажатии на изображения и просмотре изображений

while( $file = readdir( $open ) ){

$ext = strtoupper( pathinfo( $file, PATHINFO_EXTENSION ) );

if( in_array( $ext, $allow ) ){

$modifyTime = filemtime( $dir . $file );
$list[ $modifyTime ] = $file;

}
}

# reverse sort on key
krsort( $list );

$perPage  = 20;
$total    = count($list);
$pages    = ceil($total/$perPage);
$thisPage = isset($_GET['pg'])?$_GET['pg']-1:0;
$start    = $thisPage*$perPage;

echo "Page ";

// show pages
for ($i=0;$i<$pages;$i++):

if ($i==$thisPage) :
print "&nbsp;".($i+1);
else :
print "&nbsp;<a href='?pg=".($i+1)."'>".($i+1)."</a>";
endif;

endfor;

// show images
$items = array_slice( $list, $start, $perPage );
foreach( $items as $image ){
echo "<a href='$dir/$file'<br/> " . $image . "<br/><img width='200' height='200' src='" . $urlPath . $image . "'/><br/></";
}

closedir($open);
?>

0

Решение

Вы не экранируете свои переменные должным образом в кавычках:

echo '<a href="' . $urlPath . '/' . $image . '"><img src="' . $urlPath . '/' . $image . '" width="200" height="200" /></a>';
2

Другие решения

Что-то вроде:

echo( "<a href='$dir/$file'><img width='200' height='200' src='$urlPath/$image'/></a>") ;

-ваш «<href … «не имеет»>«тогда нужен закрывающий тег»</ а>»
-между $ urlPath и $ image нет символа «/» (или «/» в строке $ urlPath?)

1