jquery导航图片全屏滚动、首页全屏轮播图，各式相册

1.目录结构

源码

• project
  • css
  • js
  • image
  • index1
  • index2
  • index3
  • index4
  • index.html

index1到index4分为四个iframe标签引入的可单独分离的主页，相当于组件的原理，其中index作为主页，index1是首页全屏轮播图，其他都是单独的相册风格，也可单独使用。

index.html的iframe引入其他组件：

<div class="section section2">
		<div class="container" style="height: 100%;">
			<iframe src="index1/index.html" style="width: 100%;height: 100%;border: none;">iframe>
		div>
	div>
	<div class="section section3">
		<div class="container" style="height: 100%;">
			<iframe src="index2/index.html" style="width: 100%;height: 100%;border: none;">iframe>
		div>
	div>
	<div class="section section4">
		<div class="container" style="height: 100%;">
			<iframe src="index3/index.html" style="width: 100%;height: 100%;border: none;">iframe>
		div>
	div>
	<div class="section section5">
		<div class="container" style="height: 100%;">
			<iframe src="index4/index.html" style="width: 100%;height: 100%;border: none;">iframe>
		div>
	div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

iframe一些基本属性说明：