3

画像を表示するための「Popup」(WPF UserControl)のようなjQuery「LightBox」を作成しようとした人はいますか?例については、次のページを参照してください:http ://www.huddletogether.com/projects/lightbox2/

ありがとう!

4

2 に答える 2

9

これはそれを行ったように見えるサイトですが、これはバージョン 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

これが役に立てば幸いです。

ありがとう!

于 2009-11-18T15:30:07.217 に答える
4

リンク先の機能を複製することは、WPF ではまったく簡単です。ただ:

  1. UserControlタイプの単一のItemListプロパティでを作成しますIEnumerable<ImageSource>
  2. Popupに aを追加します。UserControl
  3. 、、およびのパネルを含め、必要に応じて LightBox をレイアウトするGridを に追加します。PopupImageTextBlockButton
  4. 変更をアニメーション化するイベントStoryBoardによってトリガーされる を追加します。Loaded
  5. ボタンがクリックされたときにのプロパティを false にEventTrigger設定するには、 を使用します。PopupIsOpen
  6. をバインドしImage.Source{Binding ItemList/}、ItemList の現在のアイテムを表示します
  7. コード ビハインドを実行して現在のアイテムを変更するBackground="Transparent"四角形を各辺に追加します。GridItemList
  8. BeginStoryboard必要に応じて、現在のアイテムを変更するときにも繰り返します
于 2009-11-18T21:57:57.763 に答える