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 に答える