画像を表示するための「Popup」(WPF UserControl)のようなjQuery「LightBox」を作成しようとした人はいますか?例については、次のページを参照してください:http ://www.huddletogether.com/projects/lightbox2/
ありがとう!
画像を表示するための「Popup」(WPF UserControl)のようなjQuery「LightBox」を作成しようとした人はいますか?例については、次のページを参照してください:http ://www.huddletogether.com/projects/lightbox2/
ありがとう!
これはそれを行ったように見えるサイトですが、これはバージョン 0.5 にすぎず、1.0 より前に劇的に変更される可能性があります:
http://leandrovieira.com/projects/jquery/lightbox/#
これはあなたが探しているものであるはずです。実装するコードのサンプルは次のとおりです。
$(function() {
$('#gallery a').lightBox({fixedNavigation:true});
});
これが役に立てば幸いです。
編集:
申し訳ありませんが、質問のバージョン 1 であなたが述べたことを完全には理解できませんでした。これは、質問に対する更新された回答 (コード/ソース付き) です。
最初に、背景ですべてをグレー表示するモーダル ダイアログ ボックスとして機能するコントロールを作成しました。次に、そこに写真を入れる機能を追加し、各写真にコメントを付ける機能を追加しました。最終製品の画像は次のとおりです。
最初に読み込まれた画像: 最初に読み込まれた画像 http://img682.imageshack.us/img682/8941/firstpictureopen.jpg
フェードインする 2 番目の画像: フェードイン する 2 番目の画像 http://img5.imageshack.us/img5/3172/secondpicturefading.jpg
2 番目に読み込まれた画像: 2 番目に読み込まれた画像 http://img682.imageshack.us/img682/5404/secondpictureopen.jpg
Lightbox プロジェクトのように、画像のサイズを変更するアニメーションも追加しました。進むボタンと戻るボタン、アクセラレータ キー、進む矢印と戻る矢印コントロール、および終了するためのエスケープ機能を追加しました。このコントロールで探しているものをキャプチャしたと思います。
いつものように、ダウンロード用 に完全なソース コードをGoogle Codeにアップロードしました。
zip ファイルへの直接リンクは次のとおりです:
http://stackoverflow-answers-by-scott.googlecode.com/files/1755872.zip
これが役に立てば幸いです。
リンク先の機能を複製することは、WPF ではまったく簡単です。ただ:
UserControlタイプの単一のItemListプロパティでを作成しますIEnumerable<ImageSource>Popupに aを追加します。UserControlGridを に追加します。PopupImageTextBlockButtonStoryBoardによってトリガーされる を追加します。LoadedEventTrigger設定するには、 を使用します。PopupIsOpenImage.Sourceて{Binding ItemList/}、ItemList の現在のアイテムを表示しますBackground="Transparent"四角形を各辺に追加します。GridItemListBeginStoryboard必要に応じて、現在のアイテムを変更するときにも繰り返します