0

画像はデータベースではなく、私のフォルダーに保存されます。画像の 1 つをクリックすると、次のページに詳細情報が表示されます。これは、より大きなサイズで画像を見ることができることを意味します。

より少ないphpページを作成してこれを行うにはどうすればよいですか? 以下は私のコードのスニペットです

<table>
<tr> 
<th class="timgB"><h4><img src="city/GVcementMixture.jpg" style="vertical-align: text-bottom;" title="Cement Mixture"/> Cement Mixture </a></h4></th>
</tr> 
</table>
4

2 に答える 2

0

選択した画像を評価し、フルサイズの画像や子画像のサブセットなど、選択した画像に関連する情報のみを表示するために、大きなif/elseまたはswitch/caseステートメントを使用してすべてを1つのフォーム/ページに保持できます。ただし、@Razor が言ったように、jQuery で表示するのが最適です。

<form ...>
    <button type=submit name=imgID value=1>
    <button type=submit name=imgID value=2>
    ...

<?php
    if (isset($_POST['imgID'])):
        // Show info related to selected image
        ...
于 2013-03-29T03:41:23.957 に答える
0

このようにできます。class="small画像サイズを小さくしたりclass="big-img"、大きなサイズの画像にするために使用します。あなたのリンクの?img=img23.jpgは、どの画像を大きなサイズで表示するかを決定します。または、画像のサムネイルを小さいサイズとして使用し、サムネイルを 1 回クリックしたときにのみフル サイズを表示したい場合は、上部のリンクdiv(class="big-img") を更新するか、コメントを残します。

// 思い通りに動く

<body>
    <div class = "big-img"> <!-- set class to show big size image-->
        <?php if(isset($_GET['img'])): ?>
            <img src="city/.<?php echo $_GET['img']; ?>" alt="">
        <?php endif; ?> 
    </div>
     <table>
        <tr><!-- set class to show small size image-->
            <td class = "small"><a href="?img=img23.jpg"><img src="city/img23.jpg" alt=""></a></td>
            <td class = "small"><a href="?img=img24.jpg"><img src="city/img24.jpg" alt=""></a></td>
            <td class = "small"><a href="?img=img25.jpg"><img src="city/img25.jpg" alt=""></a></td>
        </tr>
     </table>
</body>
于 2013-03-29T06:03:01.903 に答える