2013-06-18 4 views
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> 

это время цикл составляет список очень длинный,

Любой идеи, как сделать DIV содержит только 6 пунктов и показать извлечённые пункты 6 на 6?

Я не знаю логики за сценой. :)

Буду признателен, если кто-то объяснит следующую схему для создания слайдов Div.

Благодаря

+2

Я не понимаю вопрос «сделать div slides», но вы можете «LIMIT» ваш SQL, чтобы просто вернуть 6 строк, если это то, что вы ищете (например, «SELECT * FROM XXXX WHERE qty! = 0 LIMIT 6'). – jterry

+0

Ползунок? Предполагаю, вы имеете в виду слайд-шоу? –

+0

У вас есть запрос с жестким кодированием. Вы можете ограничить свои результаты. – kleinfreund

ответ

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 вы можете создать свой собственный слайдер, который будет показывать слайд.