0

我有我用来显示随机图像的代码。但图片显示在网站的左上角。我希望能够根据需要定位图像。我必须对上述代码顺序进行哪些更改。这是代码—— 

/* 
 * Name your images 1.jpg, 2.jpg etc. 
 * 
 * Add this line to your page where you want the images to   * appear: <?php include"randomimage.php"; ?> 
 */  

// Change this to the total number of images in the folder 
$total = "2"; 

// Change to the type of files to use eg. .jpg or .gif 
$file_type = ".jpg"; 

// Change to the location of the folder containing the images 
$image_folder = "sample.url.com"; 

// You do not need to edit below this line 

$start = "1"; 

$random = mt_rand($start, $total); 

$image_name = $random . $file_type; 

echo "<img src=\"$image_folder/$image_name\" alt=\"$image_name\ />"; 

?>

提前致谢

4

3 回答 3

2

这将是一个 CSS 解决方案，PHP 无法定位图像。使用 CSS，您可以以多种不同的方式定位事物：

  1. 使用边距（例如，边距：右上角左下角；）
  2. 使用填充（例如，填充：右上左下；）
  3. 使用浮点数（例如，float: right or left;）
  4. 使用位置（例如，位置：绝对或相对；然后使用顶部/左侧和底部/右侧来定位）。

例如，您可以使用边距将图像居中到页面的中间。将此添加到页面顶部：

<style type="text/css"> /*Initializing CSS code*/
img { margin: 0 auto; }
</style>

或者您可以使用浮动将图像浮动到页面的最右侧，假设父对象的宽度为 100%：

<style type="text/css"> /*Initializing CSS code*/
img { float: right; }
</style>

或者使用绝对位置将其定位在右下角：

<style type="text/css"> /*Initializing CSS code*/
img {
    position: absolute;
    right: 0px;
    bottom: 0px;
}
</style>

您可能需要阅读 CSS 教程，以了解所有定位技术之间的差异以及何时使用它们以及在哪里使用它们时出现的小技巧、烦恼和事件。

http://www.google.com/search?q=css+tutorial

于 2012-08-05T15:32:42.217 回答
1

您需要修改您的 html 代码。

在您的情况下，您需要更改此字符串的值：

echo "<img src=\"$image_folder/$image_name\" alt=\"$image_name\ />";

像这样：

echo "<img src=\"$image_folder/$image_name\" alt=\"$image_name\ style=\"Your css style goes here\"/>";

在 Stack Overflow 提问之前，请先了解一些基础知识。

http://www.w3.org/Style/CSS/learning.en.html CSS 指南。

于 2012-08-05T15:28:31.833 回答
0

虽然 CSS 的答案很好，但并不是每个项目都需要或想要 CSS。给定您的代码，此替代解决方案在 PHP 标记中可以正常工作：

（我必须在第一个 < 之后放置一个空格，否则它不会在此页面上正确显示。只需从每一行中删除该空格即可使其正常工作）

右对齐：

< right>  

< img src=\"$image_folder/$image_name\" alt=\"$image_name\ />";

< /right>

居中对齐：

< center>  

< img src=\"$image_folder/$image_name\" alt=\"$image_name\ />";

< /center>

左对齐：

< left>  

< img src=\"$image_folder/$image_name\" alt=\"$image_name\ />";

< /left>

这在技术上是一个 HTML 解决方案，但由于它在 PHP 标记中工作，您可以使用它来有效地定位您喜欢的任何内容。

于 2015-09-22T17:15:02.900 回答