3

有没有人尝试过创建一个 jQuery“LightBox”——比如“Popup”(WPF UserControl)来显示图像?有关示例,请参见此页面: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});
});

我希望这有帮助,

谢谢!


编辑:

抱歉,我没有完全理解您在问题的第一版中提到的内容。这是您问题的更新答案(带有代码/源代码)。

首先,我创建了一个控件,该控件将充当模式对话框,将背景中的所有内容变灰。然后我添加了在其中放置图片的功能,并添加了对每张图片进行评论的功能。以下是最终产品的图片:

加载的 第一张图片:加载的第一张图片 http://img682.imageshack.us/img682/8941/firstpictureopen.jpg

第二张图片淡入: 第二张图片淡入 http://img5.imageshack.us/img5/3172/secondpicturefading.jpg

第二张图片加载: 第二张图片加载http://img682.imageshack.us/img682/5404/secondpictureopen.jpg

我还添加了动画来调整图像的大小,就像 Lightbox 项目一样。我添加了具有前进和后退按钮、加速键、前进和后退箭头控制以及退出退出的功能。我想我已经捕捉到了你在这个控件中寻找的东西。

像往常一样,我已将完整的源代码上传到Google 代码供您下载。

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. 添加一个PopupUserControl
  3. 添加一个GridPopup您想要的方式布置 LightBox,包括ImageTextBlock和的面板Button
  4. 添加一个由为更改设置动画的事件StoryBoard触发的。Loaded
  5. 单击按钮时,使用 anEventTriggerPopup'属性设置为 falseIsOpen
  6. 绑定Image.Sourceto{Binding ItemList/}以显示 ItemList 中的当前项
  7. 在运行代码隐藏的Background="Transparent"每一侧添加一个矩形以更改当前项目GridItemList
  8. BeginStoryboard更改当前项目时也可以选择重复
于 2009-11-18T21:57:57.763 回答