jquery slides带右侧缩略图标题文字图片相册幻灯片轮播插件


jquery slides带右侧缩略图标题文字图片相册幻灯片轮播插件
jquery slides带右侧缩略图标题文字图片相册幻灯片轮播插件以及右侧缩略图、标题文字、图片相册、幻灯片轮播等js/jquery网页特效代码下载。

1. 引入CSS

<link type="text/css" rel="stylesheet" href="style/style.css">

2. 引入JS

<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/slides-1.1.1-min.js" type="text/javascript"></script>

3. HTML代码

<div class="wrap">
	<div id="sildes">
		<div class="control">
			<ul class="change">
			</ul>
		</div>
		<div class="thumbWrap">
			<div class="thumbCont">
				<ul>
					<!-- img属性, url=url, text=描述, bigimg=大图, alt=标题  -->
					<li><div><img src="images-thumb/1_0.jpg" url="url" text="腾讯娱乐讯 上海,近日杨幂刘恺威一同出现在上海浦东机场,当天两人均是一身休闲装扮杨幂更是素颜戴着墨镜出现,在拿完行李之后两人便与同伴告别,刘恺威推着行李车一路快走准备离开,杨幂只得跟在其身后一路小跑才追上男友,挽着男友手臂一起走出机场,可刚走出机场没多远刘恺威又再一次撒腿就跑,害的身后的杨幂只能不顾形象的在其身后猛追,之后两人纷纷消失在机场的出口处。" bigImg="images-thumb/1.jpg" alt="组图:男友刘恺威疑生气 杨幂机场当众撒腿狂追"></div></li>
					<li><div><img src="images-thumb/10_0.jpg" url="url" text="描述一" bigImg="images-thumb/10.jpg" alt="标题一"></div></li>
					<li><div><img src="images-thumb/11_0.jpg" url="url" text="描述二" bigImg="images-thumb/11.jpg" alt="标题二"></div></li>
					<li><div><img src="images-thumb/12_0.jpg" url="url" text="描述三" bigImg="images-thumb/12.jpg" alt="标题三"></div></li>
					<li><div><img src="images-thumb/1_0.jpg" url="url" text="腾讯娱乐讯 上海,近日杨幂刘恺威一同出现在上海浦东机场,当天两人均是一身休闲装扮杨幂更是素颜戴着墨镜出现,在拿完行李之后两人便与同伴告别,刘恺威推着行李车一路快走准备离开,杨幂只得跟在其身后一路小跑才追上男友,挽着男友手臂一起走出机场,可刚走出机场没多远刘恺威又再一次撒腿就跑,害的身后的杨幂只能不顾形象的在其身后猛追,之后两人纷纷消失在机场的出口处。" bigImg="images-thumb/1.jpg" alt="组图:男友刘恺威疑生气 杨幂机场当众撒腿狂追"></div></li>
					<li><div><img src="images-thumb/11_0.jpg" url="url" text="描述四" bigImg="images-thumb/11.jpg" alt="标题四"></div></li>
					<li><div><img src="images-thumb/12_0.jpg" url="url" text="描述五" bigImg="images-thumb/12.jpg" alt="标题五"></div></li>
					<li><div><img src="images-thumb/1_0.jpg" url="url" text="腾讯娱乐讯 上海,近日杨幂刘恺威一同出现在上海浦东机场,当天两人均是一身休闲装扮杨幂更是素颜戴着墨镜出现,在拿完行李之后两人便与同伴告别,刘恺威推着行李车一路快走准备离开,杨幂只得跟在其身后一路小跑才追上男友,挽着男友手臂一起走出机场,可刚走出机场没多远刘恺威又再一次撒腿就跑,害的身后的杨幂只能不顾形象的在其身后猛追,之后两人纷纷消失在机场的出口处。" bigImg="images-thumb/1.jpg" alt="组图:男友刘恺威疑生气 杨幂机场当众撒腿狂追"></div></li>
					<li><div><img src="images-thumb/12_0.jpg" url="url" text="描述六" bigImg="images-thumb/12.jpg" alt="标题六"></div></li>
					<li><div><img src="images-thumb/10_0.jpg" url="url" text="描述七" bigImg="images-thumb/10.jpg" alt="标题七"></div></li>
					<li><div><img src="images-thumb/11_0.jpg" url="url" text="描述八" bigImg="images-thumb/11.jpg" alt="标题八"></div></li>
					<li><div><img src="images-thumb/12_0.jpg" url="url" text="描述九" bigImg="images-thumb/12.jpg" alt="标题九"></div></li>
				</ul>
			</div>
		</div>
	</div>
</div>

相关推荐

发表评论

相关文章