0

我有一个动态生成的 DIV

<div class="content drag-desired">
<?php
  $result = mysql_query("SELECT * FROM XXXX WHERE qty != 0");
while($row=mysql_fetch_assoc($result))
{
echo '<div class="product"><img src="img/products/'.$row['img'].'" alt="'.htmlspecialchars($row['name']).'" width="128" height="128" class="pngfix" />
<div>'.$row['price'].'$</div></div>';
}
 ?>
 <div class="clear"></div>
 </div>

while 循环使列表很长，

知道如何使 div 仅包含 6 个项目并以 6 x 6 显示获取的项目吗？

我不知道幕后的逻辑。:)

如果有人解释制作 div 幻灯片的以下图表，我将不胜感激。

谢谢

4

1 回答 1

1

像这样：

<div class="content drag-desired">
<?php
  $result = mysql_query("SELECT * FROM XXXX WHERE qty != 0");
  $counter = 0;
  while($row=mysql_fetch_assoc($result))
  {
  if($counter==0)
    echo '<div class="slide">';

    echo '<div class="product"><img src="img/products/'.$row['img'].'" alt="'.htmlspecialchars($row['name']).'" width="128" height="128" class="pngfix" />
    <div>'.$row['price'].'$</div></div>';

  if($counter==5)
    echo '<div>';

  $counter++;
  if($counter > 5)
    $counter = 0;
  }
  ?>
  <div class="clear"></div>
  </div>

因此，下面的代码计数为 6，并将 6 个项目包装在“幻灯片”中。我想你理解我使用的逻辑 :) 并通过一点 CSS/JavaScript 的提示，你可以制作自己的滑块来更改要显示的幻灯片。

于 2013-06-18T14:09:05.953 回答