Вот код, который я получил:
<?
include "top.php";
?>
<center>
<a href='upload.php'><button>Upload Image</button></a>
</center>
<br>
<?php
$www_root = 'http://annexsecurity.x10.mx/images';
$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 ) {
$file_type = strtolower( end( explode('.', $file ) ) );
if ( ($file !== '.') && ($file !== '..') && (in_array( $file_type, $file_display)) ) {
echo '<img src="', $www_root, '/', $file, '" alt="', $file, '"/>';
}
}
}
?>
<style type="text/css">
img {
height: 100;
width: 100;
float: left;
margin: 0.5em;
border: 1px solid #ccc;
padding: 1em;
font-size: 10px;
}
</style>
Я пытаюсь сделать это, когда вы нажимаете на изображение, оно приводит вас к большей версии изображения. Вроде, полное изображение. например, это приведет к чему-то вроде: http://www.example.com/image.png/
Может кто-нибудь, пожалуйста, помогите мне с этим? Это строка кода, отображающая изображение:
echo '<img src="', $www_root, '/', $file, '" alt="', $file, '"/>';
Теперь я хочу, чтобы ссылка была там, поэтому она приведет к большему изображению.
Вы можете ссылаться на изображение <a href="http://example.com/image.png"><img src="imageSrcHere" alt=""/></a>
if ( file_exists( $dir ) == false ) {
echo 'Directory \''. $dir. '\' not found!';
} else {
$dir_contents = scandir( $dir );
foreach ( $dir_contents as $file ) {
$file_type = strtolower( end( explode('.', $file ) ) );
if ( ($file !== '.') && ($file !== '..') && (in_array($file_type,$file_display)) ) {
$imageLink = 'http://example.com/image.png'; //please write image url here.
echo '<a href="'.$imageLink.'"><img src="'. $www_root. '/'. $file. '" alt="'. $file. '"/></a>';
}
}
}