2012-02-24 39 views
0

所以我想在幾個圖像的onclick保持其他圖像

例如

<a href ="someimage.jpg"><img src="someimage.jpg"/></a> 
    <a href ="someimage2.jpg"><img src="someimage2.jpg"/></a> 
    <a href ="someimage3.jpg"><img src="someimage3.jpg"/></a> 
    <a href ="someimage4.jpg"><img src="someimage4.jpg"/></a> 

例如點擊時,找出一種方法來查看圖像,而隱藏其餘當我在第一圖像上單擊它打開了一個新的窗口,這就是它我想喜歡能夠滾動這些圖像。我希望能夠通過點擊「下一個」等例子或類似的東西去下一張圖片!

+0

回過頭,接受你以前的問題的答案。其中一些非常好,顯然花了很多心思。 – zellio 2012-02-24 23:34:27

回答

0

直接在瀏覽器中調用圖像將返回該文件,而不是嵌入文件的html頁面。在你的情況下,你將不得不寫一個頁面來處理這個功能。

你不會提及javascript/jquery是否適合你,但它絕對是我認爲最簡單的解決方案。

看看像jquery carousel處理基本幻燈片。

如果這不是您正在尋找的答案,那麼恐怕您的解決方案 - 適合您的HTML,CSS和圖像的限制 - 是爲每個圖像製作單獨的html頁面,然後使用硬編碼和以前的鏈接......每一個...好的方式。

... headers 
<body> 
    <img src="someimage.jpg" alt=""><br> 
    <a href="anotherimage.html">Previous</a> | <a href="someimage2.html">Next</a> 
</body> 
0

http://fancybox.net/具有患有圖像中的類型燈箱的展現了一場偉大的JavaScript類型的插件。否則,請查找「jquery image zoom plugin」。這應該會給你一些很好的插件如果 JavaScript會爲你工作。