如何在连续数据库条目上交替浮动?

时间:2011-04-09 10:50:13

标签: php image css-float alternate

My Website

正如您在上面的链接中看到的,有几个“孩子”,每个人的信息都是从数据库中获取的。

我想让每个交替的图像向左浮动,以便图像向左,然后向右,然后向左等。此时它们都向左浮动。这就是我到目前为止所做的:

<?php
$query="SELECT id, title, text, media, media2, thumb, deleted FROM kids ORDER BY id DESC";
$result=mysql_query($query);
while($row = mysql_fetch_array($result)){
        if($row['deleted'] == 0) {

echo '<div id="'.$row['title'].'">';
echo '<img src="images/'.$row['media'].'" class="floatLeftClear" id="border" />';
if($row['media2'] != "") {
echo '<img src="images/'.$row['media2'].'" class="floatLeftClear" id="border" />';
}

echo '<p id="text">';
echo '<span class="kisstitle">'.$row['title'].'</span><br>';
echo $row['text'];
echo '</p>';
echo ' <p align="center" id="spererater"><img src="images/seperater.jpg" width="900" height="5" /><a href="index2.php?op=The Kids#top">Top</a><br /></p>';
}}
?>

我试图检查ID,如果是,如果是,向左浮动,如果是奇数,向右浮动,但我无法弄清楚如何做到这一点,加上ID可能并不总是偶数/奇数交替,所以我宁愿如果可能,找到不同的解决方案。

2 个答案:

答案 0 :(得分:2)

使用计数器变量,每次循环一个项目时递增1,并使用带有模数的计数器,以确定您是在偶数行还是奇数行:

$counter = 0;
while($row = mysql_fetch_array($result)){
    if (($counter % 2) == 0) {
        // even
    } else {
        // odd
    }

    // use the data of the current $row, display it

    $counter++; // increment the counter, for next iterator
}

答案 1 :(得分:0)

添加一个计数器。在循环$i = 0;和内循环$i++之前,if ($i % 2 == 0) { // odd} else {// even}