垂直滾動頁面點擊下一圖像

我希望有人能幫助我解決這個問題。我會很感激！我搜索了論壇，但我找不到正確的方式來使它工作。垂直滾動頁面點擊下一圖像

我在尋找一個解決方案，垂直循環槽相似圖片例子在這裏：

http://www.mirkoborsche.com/2013-Superpaper-No43

我的網站的結構是這樣的：

<div class="img-cont"> 

<img alt="image-1.jpg" src="uploads/image-1.jpg" class="progressive" /> 
<img alt="image-2.jpg" src="uploads/image-2.jpg" class="progressive" /> 
<img alt="image-3.jpg" src="uploads/image-3.jpg" class="progressive" /> 
<img alt="image-4.jpg" src="uploads/image-4.jpg" class="progressive" /> 

</div>

提前感謝！乾杯

來源

2013-06-12 Roman Burger

包裹在每一個anchor標籤<a>的圖像，並使用JavaScript這樣的：

function scrollTo(hash) { 
    location.hash = "#" + hash; 
}

然後就可以調用與onClick()此功能的東西或一個按鈕，例如。

編輯：

如果你需要一個寬鬆效果，平穩過渡，以使這裏看看this答案。

來源

2013-06-12 09:28:19 Joum

很好，他給我的例子我猜他想要一個平滑的滾動。 'location.hash'很蠢 – yardarrat

不幸的是我無法檢查出這個例子......它在我的防火牆工作時被阻塞了。我會更新答案... – Joum

如果您使用jQuery，您可以動畫scrollTop。這是一個例子。 http://papermashup.com/jquery-page-scrolling/

來源

2013-06-12 09:29:15 yardarrat

你好！謝謝你的鏈接。這幾乎是我正在尋找的......但我需要一種方法來上下滾動頁面而不給每個圖像一個類。 –

只需指定數量然後：'scrollTop：「+ = 200px」'。 – yardarrat

也有類似於'scrollTop：$（「。images」）。eq（counter）.offset（）。top'的'counter ++'可以爲你工作 – yardarrat

垂直滾動頁面點擊下一圖像

回答

相關問題