0

実際、最近追加したゲームの別の画像の上に小さなgif画像を追加したいと思います。このようなゲームサイトがあることを意味しますhttp://www.girlsgogames.com/ ..最近アップロードしたゲームの画像に新しいタグを追加したい。アップロードする最新の5つのゲームが何であれ、新しいタグを自動的に追加したい...新しい5つのゲームをアップロードするたびに、新しいタグが最新のゲームに表示されることを意味します。私はphpmysqlを使用してこれを達成したいと思います。この場合、誰かが私を助けてくれますか。参照用に小さな画像を追加しました。ここに画像の説明を入力してください

このコードを追加しました。一度確認してください。

    <div style="width:980px; float:left">
                <div class="upperLeftCorner980"></div>
                <div class="upperCenter980">
                  <div style="text-align:left">Today's Top <?php echo NEW_GAME_TITLE;?>
                  </div>
                </div>
                <div class="upperRightCorner980"></div>
                <div style="clear:both"></div>
                <div class="centerLeft980">
                  <div class="centerRight980">
                    <div class="boxContentDiv" style="height:100%">
                    <div style="width:373px; height:309px; float:left; margin-left:10px; padding-top:30px">
                    <center>
                    <script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxxxx";
/* 336x280, created 1/21/11 hope page new games */
google_ad_slot = "xxxxxxxxxxxx";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

                    </center>
                    </div>
                        <div style='padding:3px'>
                            <?php
                       $gameQuery = mysql_query ("SELECT * FROM games ORDER BY id DESC LIMIT 16");

                                while ($gameRow = mysql_fetch_assoc($gameQuery)){
                                                                    if ($_SESSION['lang'] == 'fr'){
                                            $description = $gameRow['description_fr'];
                                        }else{
                                            $description = $gameRow['description'];
                                        }

            ?>
<div style='float:left; width:180px; height:160px; margin:5px;' title="<div style='font-size:12px; font-weight:bold'><b>Description:</b> <?php echo $description;?></div><div style='font-size:12px; font-weight:bold'><b><?php echo GAME_TIME_PLAYED_TITLE;?>:</b> <?php echo $gameRow['time_played'];?></div>" class='tooltip'>


<?php
    $x = 0;
foreach($gameRow as $game) {

//以下は65行目です。エラーが発生しています。echo "<div class=''gameBGBox'>"

echo "<div class='gameBGBox'><a href='<?php echo $confRow['sitePath'];?>play/<?php echo str_replace(' ','_',$gameRow['name']);?>'><img src='<?php echo $confRow['sitePath'];?>games/images/<?php echo $gameRow['img_100x75'];?>' width='180' height='135' border='2' alt='<?php echo $gameRow['name'];?>'/></a>";
    if($x<5){
    echo '<div class="new"></div>';
    }
    echo "</div>";
    $x++;
}
?>               </div>
                            <?php } ?>
                            <div style='clear:both'></div>
                           </div>
                    </div>
                  </div>
                </div>
                <div class="lowerLeftCorner980"></div>
                <div class="lowerCenter980"></div>
                <div class="lowerRightCorner980"></div>
                <div style="clear:both"></div>
                <div style='height:5px'></div>
                <!-- Separator -->
        </div>

このエラーが発生します：解析エラー：構文エラー、予期しないT_ENCAPSED_AND_WHITESPACE、65行目のC：\ xampp \ htdocs \ myproject\main.phpにT_STRINGまたはT_VARIABLEまたはT_NUM_STRINGが必要です

ここに画像の説明を入力してください

4

4 に答える 4

2

あなたはそれを次のように行うことができます：

<?php 
for($x=0;$x<count($GAMES_ARRAY);$x++) {
?>
<div class="game-images">
     <img src="cover.png"/><? if ($x<5) {?><img src="new.gif" style="position: relative; left: 10px; z-index: 1;"/><? } ;?>
</div>
<? } ?>

したがって、「new.gif」はcover.pngにオーバーレイされます。

編集：「左」と「上」の値で少し遊ぶ必要があります。

于 2012-07-13T10:54:51.213 に答える
1

IDでリストの順序を取得します。

select * from games order by id desc

次に、それをループします。

<ul id="game_list">
    <?php
        $count = 0;

        foreach($games as $game) {
            echo '<li><img src="' . $game['img_location'] . '" />';

            if($count < 5) {
                echo '<div class="new"></div>';
            }

            echo '</li>';
            $count++;
        }
    ?>
</ul>

そしてCSS：

#game_list {
    list-style: none;
}

#game_list li {
    position: relative;
    z-index: 1;
}

.new {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px; /* w of new banner img */
    height: 80px; /* h of new banner img */
    background: url(../img/new_banner_img.png) 0 0 no-repeat;
    z-index: 2;
}
于 2012-07-13T12:12:48.790 に答える
0

これを実現するには、cssで::beforeや::afterなどの疑似要素を使用できます。これを行う方法についての小さなチュートリアルがあります。

于 2012-07-13T10:55:28.660 に答える
0

このコードを試してみてください。すべてのブラウザで機能します

z-indexを使用して、一方の画像をもう一方の画像にオーバーレイします

<div >
     <img src="banner.jpg" style='position:absolute; z-index=0;'/>
     <img src="new.gif" style="position: fixed; right: 10px; z-index: 1;"/>
</div>

最新の5つのゲームの更新

ゲームが降順で並べ替えられるようなクエリを使用します。カウントが5未満の場合は、new.gifをオーバーレイします。それ以外の場合はしないでください。

クエリ

select * from GameTable order by id desc
于 2012-07-13T11:14:12.770 に答える