可滾動的圖像行

我有一個小圖像，我需要重複沿x方向，特定的次數。圖像的「行」應該是可滾動的，並且如果可能的話我想避免表格。可滾動的圖像行

這可能與Html + Css有關嗎？ html代碼將使用PHP動態生成。任何額外的想法？

謝謝！

來源

2013-02-07 Fernando

使用HTML5和玩帆布。 – David

@David標籤爲html + css，no html5或css3 –

@Bondye啊，快照。一定忽略了他們。 – David

我不知道ajax是否爲您提供了最佳外觀解決方案，但是您並沒有真正地解釋您的場景，爲什麼要重複相同的圖像並使其可滾動？這聽起來不像任何有效的功能。你想要縮放背景圖片嗎？如果是這樣，那麼滾動條是什麼？

反正在這裏你去： http://wowslider.com/rq/ajax-image-scroller/

來源

2013-02-07 20:18:20 RandomUs1r

它就像一張桌子，每個單元格都是一個圖像，並且該行是可滾動的（即當它碰到屏幕的右側時它不會中斷）。 – Fernando

我不認爲你想要在你的網站上有一個水平滾動條，它是什麼意思，當它擊中右側...並根據你的描述，我給你的鏈接中的任何例子都有箭頭，允許用於圖像滾動。如果你想要做的是獲得一個圖像重複整個頁面的寬度：創建一個100％寬度的div，並將其設置爲CSS的背景，並將其設置爲重複。 – RandomUs1r

加里的回答是好。但是，如果您只是想要定期滾動條，請使用div（或畫布，可能以相同的方式工作）包裝動態區域（您將在其中加載圖像），然後向其中添加一個類。然後，您可以使用CSS定位所有圖像，並讓它們浮動，無論您動態加載多少個圖像，都可以將它們排列起來。（不要忘了把的寬度在容器上。）

它看起來像這樣（短手，但你的想法）：

div.image-container { 
width: 400px; 
overflow: scroll; 
} 

div.image-loader img { 
float: left; 
} 

<div class="image-loader"> 
    <img/> 
    <img/> 
</div>

來源

2013-02-07 20:21:05 MoonKat1216

好，但滾動沒有出現... – Fernando

可滾動的圖像行

回答

相關問題