顯示可在同一頁面加載的可點擊縮略圖

任務：在企業Intranet網站上向用戶呈現一系列圖像供用戶查看。顯示可在同一頁面加載的可點擊縮略圖

我把一些JavaScript黑屏一起顯示了縮略圖的圖像列表，每個圖像都是可點擊的，並將您帶到大圖像上，但您必須回到下一張圖像，然後我才能要求提供一些下一個/以前的功能。我有能力處理更好的事情，但這需要時間。

我希望有人有一個快速簡單的方法來做到這一點的建議：也許是一個圖書館或方法。目前的網站是ASP的經典，但這絕對不是必需的：它可能是ASP.Net，或所有我關心的PHP！

目前網站看起來是這樣的：

Current Scope 
- Image 1 Title [thumbnail] (link) 
- Image 2 Title [thumbnail] (link) 
- Image 3 Title [thumbnail] (link) 

Alternate Scope 1 (link) 
Alternate Scope 2 (link) 
Alternate Scope 3 (link)

單擊其他範圍鏈接之一倒塌的老電流範圍，查找並顯示相關的可用圖像，使之成爲新的電流範圍。

我正在考慮在所有當前圖像的縮略圖上劃一條橫跨頂部/左側/底部的條。點擊每個圖標後，它應顯示在頁面的其餘部分，然後可以單擊上一個/下一個或單擊下一個需要的圖像。

末，以減少我要去ajaxifying一切努力使異步加載並預裝大尺寸的所有圖像的頁面加載時間（但在單擊另一個範圍時停止）...

最後，雖然當然不是必需的，但由於某些圖像非常大，因此使用縮放工具而不是以全尺寸顯示圖像或調整大小以適應屏幕（可能僅爲1024x768）會很好。

有什麼想法？

我不是要求任何人爲我構建這個，只是希望有人知道一個庫或HTML演示頁面或一系列可能具有我正在尋找的某些功能的JavaScript片段。 This javascript pan & zoom example可能是一個好開始...

來源

2010-10-12 ErikE

爲什麼不在點擊時在燈箱中顯示它們？ – Claudiu 2010-10-12 02:36:00

@Claudiu - 燈箱...聽起來不錯。我聽說過那些。你有一些代碼或鏈接給我嗎？ – ErikE 2010-10-12 18:36:31

jquery圖片庫很時尚。即插即用http://www.1stwebdesigner.com/design/fresh-jquery-image-gallery-display-solutions/ http://speckyboy.com/2009/06/03/15-amazing-jquery-image-galleryslideshow -plugins-and-tutorials/ – zod 2010-10-12 02:46:47

看起來好像您正在尋找圖像幻燈片？有不同的類別？你可以看看這裏：http://www.efectorelativo.net/laboratory/noobSlide/獲得一些靈感。

我相信你不會需要ASP或PHP。 JavaScript幻燈片演示腳本非常簡單，您可以在幾天內製作自己的自定義演示文稿。我剛開始時只是通過尋找類名爲'img_slideshow'的圖像來設計幻燈片。它可能不適合你的目的，但確實很容易做到。

來源

2010-10-12 02:54:34 Azmisov

它確實需要是ASP，因爲圖像列表來自數據庫並且必須是動態的（它實際上是患者數據查找）。這不只是一個靜態的圖像列表或其他東西。 – ErikE 2010-10-12 18:41:06

顯示可在同一頁面加載的可點擊縮略圖

回答

相關問題