本文介绍了一个使用 Highslide JS 插件实现的图片展示案例，通过简单的 HTML 和服务器端代码，可以轻松地为网站添加图片缩放和平滑过渡效果。文章提供了具体的代码示例，包括如何设置图片的缩略图及全尺寸图像链接。
1
<body>
2 <form id="form1" runat="server">
3 <highSlide:HighslideManager runat="server" OutlineType="RoundedWhite" ControlBar="true" />
4 <div id="content">
5 <highSlide:HighslideImage runat="server"
6 ImageUrl="缩小图片"
7 FullImageURL="原始大小的图片"
8 AlternateText="Image of barn"
9 Caption="Image 2 Caption" />
10
11 <highSlide:HighslideImage runat="server"
12 ImageUrl="~/img/highSlide-small.jpg"
13 FullImageURL="~/img/highSlide-full.jpg"
14 Caption="Image 1 Caption"
15 TitleText="Click to show bigger!"/>
16 </div>
17 </div>
18 </form>
19
<body>
2
<form id="form1" runat="server">
3
<highSlide:HighslideManager runat="server" OutlineType="RoundedWhite" ControlBar="true" />
4
<div id="content">
5
<highSlide:HighslideImage runat="server"
6
ImageUrl="缩小图片"
7
FullImageURL="原始大小的图片"
8
AlternateText="Image of barn"
9
Caption="Image 2 Caption" />
10
11
<highSlide:HighslideImage runat="server"
12
ImageUrl="~/img/highSlide-small.jpg"
13
FullImageURL="~/img/highSlide-full.jpg"
14
Caption="Image 1 Caption"
15
TitleText="Click to show bigger!"/>
16
</div>
17
</div>
18
</form>
19
Core DLL Download File: HighSlide Js Core File 
如下是官方的效果图:
扫一扫
3199
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
