タスク：企業イントラネットWebサイト上の一連の画像をユーザーに提示して表示します。
サムネイル付きの画像のリストを表示するために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)
代替スコープリンクの1つをクリックすると、古い現在のスコープが折りたたまれ、使用可能な画像が検索および表示され、新しい現在のスコープになります。
スコープ内にある現在のすべての画像のサムネイルを使用して、上/左/下にストリップを配置することを考えています。それぞれをクリックすると、ページの残りの部分に表示され、[前へ/次へ]をクリックするか、次の目的の画像をクリックできるようになります。
最後に、ページの読み込み時間を短縮するために、すべてをajax化して読み込みを非同期にし、すべての画像の大きなサイズをプリロードします（ただし、別のスコープがクリックされると停止します）...
最後に、確かに要件ではありませんが、一部の画像は非常に大きいため、画像をフルサイズで表示したり、画面に合わせてサイズを変更したりするのではなく、パン＆ズームツールを使用すると便利です（1024x768のみ）。
何かご意見は？
誰かが私のためにこれを構築することを求めているのではなく、誰かが私が探している機能のいくつかを持っているかもしれないライブラリまたはhtmlデモページまたは一連のjavascript部分を知っていることを望んでいます。このjavascriptのパンとズームの例は良いスタートになるかもしれません...