Question

实际上我想为最新添加的游戏在另一张图片上添加一个小的gif图像。意味着我有这样的游戏网站http://www.girlsgogames.com/ ..我想在我最近上传的游戏的图像上添加新标签。意味着我上传的最新5款游戏，对于那些我想自动添加新标签的游戏......意味着无论何时我上传新的5款游戏，新标签都会在最新游戏中出现。我想用php mysql来实现这一点。在这种情况下，任何人都可以帮我。我已经添加了小图片供参考。 enter image description here

我添加了此代码。请检查一次..

    <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

enter image description here

Answer 1

你可以这样做：

<?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。

上

编辑：您必须使用“左”和“顶”值进行一点点。

Answer 2

通过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;
}

Answer 3

你可以在你的css中使用像:: before和:: after之类的伪元素来完成这个。 Here是一个关于如何执行此操作的小教程。

Answer 4

尝试使用此代码，它可以在所有浏览器中使用

使用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>

最新五场比赛的更新

使用一个查询，以便游戏按降序排序，如果count小于5则覆盖new.gif else。

查询

select * from GameTable order by id desc

在php中新添加的内容上添加小图像标记

4 个答案: