ホームページ >ウェブフロントエンド >jsチュートリアル >画像より公式JavaScript画像ブラウザ[オリジナル]_画像特殊効果を見る
使用方法: 「imagesee.htm の URL?pic=画像の URL&page=画像に関連する Web ページの URL」にアクセスするだけで、page パラメータは無視できます。
ImageSee について:
ImageSee は、JavaScript で書かれたオープンソースの Web 画像ブラウザであり、完全に静的な Web ページです。 IE Firefox Opera ブラウザもサポートします。
ImageSee を使用すると、インターネット上の高解像度の画像 (大きな画像) を簡単に閲覧できます。画像の拡大/縮小、サムネイル、マウスのドラッグなど、通常の画像閲覧に必要なすべての主要な機能が備わっています。
その他の機能:
完全に無料でオープンに使用でき、ソース コードが提供され、ニーズに応じてページを変更できます。
純粋な JavaScript 静的ページは、サーバーが asp/aspx/php などの動的スクリプトをサポートする必要がないため、広く適用可能であり、変更も簡単です。
閲覧者は、ページ ナビゲーションのガイダンス機会と広告列をさらにカスタマイズできます。
画像は、Web サイト上の任意のディレクトリや他の Web サイトの画像など、どこにでも表示できます (ドメイン制限なし)。
使用方法:
1. 圧縮パッケージ imagesee.rar をダウンロードし、ファイルをディレクトリに展開し、必要に応じて、loading.gif/welcome.jpg/err.jpg を置き換えます
2. ad.htm を開き、広告コードをファイルに追加するか、ad.htm の 2 行目のコメント記号を削除して、広告列に
が表示されないようにします。 3. 元の単純なコードを置き換えます。画像ナビゲーション sample1
* のように変更します。 pic パラメータなしで閲覧する画像を指定すると、welcome.jpg が表示され、helpPanel が表示されます。視聴者は右上隅の「疑問符ボタン」をクリックして「同じです。
* 画像の関連 Web ページを指定する場合は、ページ パラメーター (例: &page=http://www.800123.cn/imagesee/) を使用して、「関連 Web ページ」をクリックしてください。右上隅の「」ボタンをクリックしてこのページに移動します。
* アプリケーション例: ImageSee を Web サイトにアップロードし、動的スクリプトを使用して画像ディレクトリを生成し、ImageSee へのリンクをポイントすることで、非常にプロフェッショナルな画像閲覧環境を作成できます。ImageSee は実際には「Web ページ」です。プラグイン」。
* その他: 通常のブラウザとして、実際に ImageSee ページに直接アクセスし、見たい画像をコピー/ペーストすることで、良い結果が得られます。今すぐ試してみてください :)
JavaScript コード:
ImageSee はすべての関数を実装するために完全に JavaScript を使用しています。各サブ関数の独立性と読みやすさを維持しようとしました (そのため、一部のコードは肥大化しているように見えるかもしれません、
)。読みやすく抽出しやすくなります)、ソース コードを参照して抽出できます。私は皆さんの時間とエネルギーを節約したいと考えて、それらの収集とデバッグに多くの時間を費やしました。
公式ダウンロード
ローカルダウンロード