<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>超炫的js图片展示效果download by http://www.codefans.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/highslide-full.js"></script>
<link rel="stylesheet" type="text/css" href="js/highslide.css" />
<script type="text/javascript">
hs.graphicsDir = 'js/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
hs.dimmingOpacity = 0.75;
// define the restraining box
hs.useBox = true;
hs.width = 400;
hs.height = 400;
// Add the controlbar
hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
opacity: 1,
position: 'bottom center',
hideOnMouseOut: true
}
});
</script>
</head>
<body>
<h1>超炫的js图片展示效果（一）实例2</h1>
<p> </p>
<p> </p>
<div class="highslide-gallery">
<a href="images/gallery1.jpg" class="highslide" onclick="return hs.expand(this)">
<img src="images/gallery1.gif" alt="迪巧儿童维D钙咀嚼片" border="0"
title="点击放大" /></a>
<div class="highslide-caption">
迪巧儿童维D钙咀嚼片：比糖果更受孩子喜欢，专为3岁以上宝宝设计
</div>
<a href="images/gallery2.jpg" class="highslide" onclick="return hs.expand(this)">
<img src="images/gallery2.gif" alt="迪巧（维D钙咀嚼片）"
title="点击放大" /></a>
<div class="highslide-caption">
迪巧（维D钙咀嚼片）：专为成人设计的钙
</div>
<a href="images/gallery3.jpg" class="highslide" onclick="return hs.expand(this)">
<img src="images/gallery3.gif" alt="迪巧牌秀源女性片：专为成年女性设计的钙"
title="点击放大" /></a>
<div class="highslide-caption">
迪巧牌秀源女性片：专为成年女性设计的钙</div>
</div>
<h2><br />
此超炫的js图片展示效果（一）已做过测试，可以兼容现在的所有主流浏览器，所以你可以放心使用这个效果。</h2>
<p> </p>
</body>
</html>
js 图片放大特效源码
4星 · 超过85%的资源 需积分: 10 30 浏览量
2010-05-09
20:45:49
上传
评论
收藏 311KB RAR 举报 
highslide.rar （41个子文件） 
codefans.net 超炫的js图片展示 
demo3.html 2KB demo1.html 2KB demo2.html 2KB images 
gallery2.jpg 71KB gallery1.jpg 94KB
gallery1.gif 10KB ico-arrow.gif 9KB gallery2.gif 9KB gallery3.jpg 62KB gallery3.gif 9KB js graphics loader.white.gif 673B icon.gif 867B
close.png 2KB controlbar3.gif 838B controlbar-text-buttons.png 1KB controlbar-white.gif 5KB scrollarrows.png 6KB resize.gif 70B controlbar-white-small.gif 3KB loader.gif 668B controlbar4-hover.gif 2KB
zoomout.cur 326B zoomin.cur 326B controlbar4.gif 854B fullexpand.gif 209B closeX.png 4KB controlbar2.gif 884B outlines rounded-black.png 3KB glossy-dark.png 3KB Outlines.psd 168KB outer-glow.png 3KB rounded-white.png 2KB ico-arrow.gif 9KB drop-shadow.png 2KB beveled.png 2KB ico-arrow.gif 9KB controlbar-black-border.gif 5KB geckodimmer.png 3KB highslide-full.js 96KB highslide.css 7KB highslide-with-gallery.js 74KB资源评论
苏小白2013-12-20挺有用的 网上也有很多类似的资源
