HighSlide实现图片切换

highslide图片切换

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title>DEMO</title> <mce:script type="text/javascript" src="highslide/highslide-full.js" mce_src="highslide/highslide-full.js"></mce:script> <link rel="stylesheet" type="text/css" href="highslide/highslide.css" mce_href="highslide/highslide.css" /> <!--[if lt IE 7]> <link rel="stylesheet" type="text/css" href="highslide/highslide-ie6.css" mce_href="highslide/highslide-ie6.css" /> <![endif]--> <mce:script type="text/javascript"><!-- hs.graphicsDir = 'highslide/graphics/'; // --></mce:script> <mce:script type="text/javascript"><!-- hs.addSlideshow({ // slideshowGroup: 'group1', interval: 5000, repeat: false, useControls: true, fixedControls: true, overlayOptions: { opacity: .6, position: 'top center', hideOnMouseOut: true } }); // Optional: a crossfade transition looks good with the slideshow hs.transitions = ['expand', 'crossfade']; if (hs.ie && hs.ieVersion() < 8) { // jaggy, drop it var s = document.getElementById("quickref").style; s.overflow = "visible"; s.height = "auto"; s.position = "static"; } else { if (/^apiref[0-9]+$/.test(window.name)) { var i = parseInt(window.name.replace("apiref", "")); document.getElementById("quickref").scrollTop = i; } var as = document.getElementById("quickref").getElementsByTagName("a"); for (var i = 0; i < as.length; i++) { as[i].onclick = function() { window.name = "apiref"+ document.getElementById("quickref").scrollTop; } } } // --></mce:script> </head> <body> <a class="highslide" href="highslide/samples/full1.jpg" mce_href="highslide/samples/full1.jpg" οnclick="return hs.expand(this, { autoplay:true })"> <img src="highslide/samples/thumb1.jpg" mce_src="highslide/samples/thumb1.jpg" alt=""/> </a> <a class="highslide" href="highslide/samples/full3.jpg" mce_href="highslide/samples/full3.jpg" οnclick="return hs.expand(this)"> <img src="highslide/samples/thumb3.jpg" mce_src="highslide/samples/thumb3.jpg" alt=""/> </a> </body> </html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值