有没有人尝试过创建一个 jQuery“LightBox”——比如“Popup”(WPF UserControl)来显示图像?有关示例,请参见此页面:http ://www.huddletogether.com/projects/lightbox2/
谢谢!
有没有人尝试过创建一个 jQuery“LightBox”——比如“Popup”(WPF UserControl)来显示图像?有关示例,请参见此页面:http ://www.huddletogether.com/projects/lightbox2/
谢谢!
这是一个似乎已经完成的站点,但它只是 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
我希望这有帮助,
复制链接到的功能在 WPF 中绝对是微不足道的。只是:
UserControl
使用类型的单个ItemList
属性创建一个IEnumerable<ImageSource>
Popup
到UserControl
Grid
以Popup
您想要的方式布置 LightBox,包括Image
、TextBlock
和的面板Button
StoryBoard
触发的。Loaded
EventTrigger
将Popup
'属性设置为 falseIsOpen
Image.Source
to{Binding ItemList/}
以显示 ItemList 中的当前项Background="Transparent"
每一侧添加一个矩形以更改当前项目Grid
ItemList
BeginStoryboard
更改当前项目时也可以选择重复