滾動在php中的while循環內出現的div

<?php 
while ($row2 = mysql_fetch_array ($res2)) 
{ 
    //echo "<div id='filmstrip' style='float:left;overflow-x:Scroll;width:920px;margin:0 auto; background:#f9f9f9; padding:10px; height:130px;overflow-y:hidden;white-space: nowrap;'>"; 
    echo '<div id="sortable1" class="connectedSortable">'; 
    echo "<img id='$row2[id]' style='width:100px;float:left;height:100px;border:2px solid #b06c1c;border-radius:10px;' src=\"user_data/" . $row2['filename'] . "\" alt=\"\" /><br />"; 
    //echo "</div>"; 
    echo '</div>'; 
} 
?>

在這裏，我將表格中的圖像顯示在名爲sortable1的div中。我想要img水平滾動。當我申請sortable1的CSS時，滾動條會顯示每個圖像，但不包含保存所有圖像的div。任何人都可以提出解決方案嗎？我是PHP和Jquery的新手。滾動在php中的while循環內出現的div

來源

2013-03-05 acushla

你要做的兩個變化，1。獲取「而」循環外共同div元素（「DIV ID爲sortable1」）。 2.應用all樣式（float：left; overflow-x：Scroll; width：920px; margin：0 auto; background：＃f9f9f9; padding：10px; height：130px; overflow-y：hidden; white-space：nowrap ;）到這個「sortable1 div」並刪除，如果任何其他風格適用於此。 – 2013-03-05 15:05:05

感謝您的回覆，但ist不工作....是使用css或php的問題嗎？<？php echo'

'; while ($row2 = mysql_fetch_array ($res2)) { echo " $\"\"$
"; } echo "

「; ？> – acushla 2013-03-06 06:03:47

爲了給出更適合的建議發佈您的生成的HTML與CSS應用於此。 – 2013-03-06 06:28:39

這也許應該是：

<?php 
echo "<div id='filmstrip' style='float:left;overflow-x:Scroll;width:920px;margin:0 auto; background:#f9f9f9; padding:10px; height:130px;overflow-y:hidden;white-space: nowrap;'>"; 
while ($row2 = mysql_fetch_array ($res2)) 
{ 
    echo '<div id="sortable1" class="connectedSortable">'; 
    echo "<img id='$row2[id]' style='width:100px;float:left;height:100px;border:2px solid #b06c1c;border-radius:10px;' src=\"user_data/" . $row2['filename'] . "\" alt=\"\" /><br />"; 
    echo '</div>'; 
} 
echo "</div>"; 
?>

來源

2013-03-05 14:35:51

回答

相關問題