这个效果的图片轮播挺普遍的，推荐个插件swiper.js，当然网上很多这类型的插件，或者你可以自己写一个，网上教程也挺多的，这里就不罗嗦了，思路不明可以问。
补充个案例：（下面代码复制过去就能用了，文中有两个地方要引入文件，由于百度不给发链接，所以自行下载替换吧）
<!DOCTYPE html><html lang="en">
<head>
<meta charset="utf-8">
<title>Swiper demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<!-- Link Swiper's CSS -->
<link rel="stylesheet" href="../dist/css/swiper.min.css">
<!-- Demo styles -->
<style>
html, body {
position: relative
height: 100%
}
body {
background: #eee
font-family: Helvetica Neue, Helvetica, Arial, sans-serif
font-size: 14px
color:#000
margin: 0
padding: 0
}
.swiper-container {
width: 100%
height: 100%
}
.swiper-slide {
text-align: center
font-size: 18px
background: #fff
/* Center slide text vertically */
display: -webkit-box
display: -ms-flexbox
display: -webkit-flex
display: flex
-webkit-box-pack: center
-ms-flex-pack: center
-webkit-justify-content: center
justify-content: center
-webkit-box-align: center
-ms-flex-align: center
-webkit-align-items: center
align-items: center
}
</style>
</head>
<body>
<!-- Swiper -->
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">Slide 1</div>
<div class="swiper-slide">Slide 2</div>
<div class="swiper-slide">Slide 3</div>
<div class="swiper-slide">Slide 4</div>
<div class="swiper-slide">Slide 5</div>
<div class="swiper-slide">Slide 6</div>
<div class="swiper-slide">Slide 7</div>
<div class="swiper-slide">Slide 8</div>
<div class="swiper-slide">Slide 9</div>
<div class="swiper-slide">Slide 10</div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
</div>
<!-- Swiper JS -->
<script src="../dist/js/swiper.min.js"></script>
<!-- Initialize Swiper -->
<script>
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
slidesPerView: 3,
paginationClickable: true,
spaceBetween: 30
})
</script>
</body>
</html>
美国亚历山大考古博物馆http://ci.alexandria.va.us/oha/archaeology
俄亥俄州辛辛那提博物馆
http://cincymuseum.org/index.html
加利福尼亚大学摄影博物馆
http://cmpl.ucr.edu
芝加哥大学艺术博物馆
http://csmaclab-www.uchicago.edu/SmartMuseum
尔冬强网上博物馆
http://dekeerh.yeah.net
纽约古金海博物馆
http://math240.lehman.cuny.edu/gugg
休斯敦艺术博物馆
http://mfah.org
网上博物馆
http://mistral.enst.fr/wm/net
匈牙利国家博物馆
http://origo.hnm.hu
费城艺术博物馆
http://pma.libertynet.org
英国哥伦比亚皇家博物馆
http://rbcm1.rbcm.gov.bc.ca
富兰克林学院科学博物馆
http://sln.fi.edu
法国网上博物馆名画展
http://sunsite.unc.edu/wm/paint
犹太艺术博物馆
http://tulsaweb.com/gershon.htm
牛津大学科学史博物馆
http://units.ox.ac.uk/departments/hooke
异常神秘事物博物馆
http://unmuseum.mus.pa.us/unmuseum.htm
因地安那波利斯儿童博物馆
http://www.a1.com/children/homt.html
美国电影图片博物馆
http://www.ammi.org
美国自然历史博物馆
http://www.amnh.org
巴格勒国家博物馆
http://www.arca.net/db/musei
牛津艾希摩林艺术与考古学博物馆
http://www.ashmol.ox.ac.uk
劳伦斯科学博物馆
http://www.berkeley.edu
休斯敦现代艺术博物馆
http://www.camh.org
美国堪萨斯大学人类学博物馆
http://www.cc.ukans.edu/~kuma
美国匹茨堡卡内基图书馆
http://www.clpgh.org
美国的博物馆
http://www.comlab.ox.ac.uk/archive/other/museums/usa.html
底特律历史博物馆
http://www.detroithistorical.org
美国丹佛大学人类学博物馆
http://www.du.edu/duma/duma.html
探索博物馆
http://www.exploratorium.edu
佛罗里达州自然史博物馆
http://www.flmnh.ufl.edu
芝加哥菲尔德博物馆
http://www.fmnh.org
Fairbanks博物馆和天文馆
http://www.genghis.com/fairbanks/museum.htm
国家考古博物馆
http://www.gti.ssr.upm.es/~man
伯明翰艺术博物馆
http://www.hansonlib.org
洛杉矶艺术博物馆
http://www.lacma.org
洛杉矶自然历史博物馆
http://www.lam.mus.ca.us/lacmnh
费城艺术博物馆
http://www.libertynet.org
世界五大博物馆5月18日是国际博物馆日。法国的卢浮宫、英国的大不列颠博物馆（大英博物馆）、美国的大都会博物馆、俄罗斯的埃米塔什博物馆（冬宫）、中国的故宫博物院是世界五大博物馆。其中前四个是世界公认的具有世界性文物收藏的博物馆。
卢浮宫
这个举世闻名的艺术宫殿始建于12世纪末，是当时法国王室的城堡，被充当为国库及档案馆。后来经过一系列的扩建和修缮逐渐成为一个具有文艺复兴时期风格的金碧辉煌的王宫。从16世纪起，弗朗索瓦一世开始大规模的收藏各种艺术品，以后各代皇帝延续了这个传统，充实了卢浮宫的收藏。1793年8月10日卢浮宫艺术馆正式对外开放，成为一个博物馆。如今博物馆收藏的艺术品已达40万件，其中包括雕塑，绘画，美术工艺及古代东方，古代埃和古希腊罗马等7个门类。1981年，法国政府这座精美的建筑进行了大规模的整修，从此卢浮宫成了专业博物馆。其艺术藏品种类之丰富，档次之高堪称世界一流。其中最重要的镇宫三宝是世人皆知的：《米洛的维纳斯》，达芬奇的《蒙娜丽莎》和《萨莫特拉斯的胜利女神》。迄今为止，卢浮宫已成为世界著名的艺术殿堂。卢浮宫正门入口处有一个透明金字塔建筑，它的设计者就是著名的美籍华人建筑师贝聿铭。
大不列颠博物馆
大不列颠博物馆，即大英博物馆始建于 1823年。她的展览馆里保存着最能代表英国艺术和文学的珍品，有很多极珍贵的文件与手稿，如英国大宪章的原稿、莎士比亚手稿真迹等等；有埃及、西亚、东方、希腊、罗马和英国的历史文物；有英国历代的“战利品”，如小巧的埃及狮身人面像、从雅典女神殿取来的爱尔琴大理石等等；此外还收集了中国、印度等历史悠久国家的民俗资料、美术品及出土文物。在中国展室可看到许多中国古玩字画，这些器物多是英法联军、八国联军侵略中国时掠夺的。其东方艺术馆的藏品绝大多数是中国文物，达两万多件。其中有六千多年前的半坡村红陶碗，新石器时代的玉刀、玉斧，商周的青铜器，秦汉以降直至明清各个时期的瓷器、玉器、漆器、绘画、雕塑等等，乃至博物馆后门的两座大石狮，都是中国艺术品。这里还藏有斯坦因从敦煌藏经洞掠夺的大量佛画。其馆藏最著名的中国名画是传为东晋大画家顾恺之所作《女史箴图》。这是一卷流传有绪的著名巨迹，在中国绘画史上占有极高的地位。此件是1900年八国联军侵占北京时劫往英国的。
其图书馆以丰富的馆藏闻名于世，英国的每种书在此都有保存，事实上，国家所有的出版发行物你都能在此找到。此外不乏各国珍贵的版本和极具价值的文献手稿。这个图书馆是最佳学问天地，马克思的《资本论》即在此完成。大英图书馆的藏书中，中国古籍达六万多种，内有中国波罗蜜佛经的最早版本，《永乐大典》45卷，中国历代宫廷档案、竹简、刻本等，还有敦煌写本一万余件。
大英博物馆目前分为10个分馆：古近东馆、硬币和纪念币馆、埃及馆、民族馆、希腊和罗马馆、日本馆、中世纪及近代欧洲馆、东方馆、史前及早期欧洲、版画和素描馆以及西亚馆。
大都会博物馆
纽约大都会博物馆是美国最大的博物馆，建于1870年，整个博物馆是一幢大厦，占地8公顷，为北京故宫博物院的1/9，但展出面积很大，不下24公顷，反而是故宫博物院的两倍。大都会博物馆号称是西半球最大的博物馆，仅画廊就有200多个，藏有300多万件各类文物和艺术品。内容却丰富多彩，体现了资金足、气派大的美国风格。
移置在馆内专建的大厅中巨型玻璃罩里的完整的公元前15年的埃及神殿，它的总重量为800吨，据说拆的时候为了确保原貌，还给每块砖上都打了标号，令人叹为观止，可谓镇馆之宝。服饰馆也堪称世界之最，收集了4个世纪以来五大洲的各民族服装1.5万件。我国的苏州园林，1981年9月才由我国苏州能工巧匠建成的明轩也被仿建在博物馆的主楼二层的北厅之中，这可能真是典型的“文化移植”了，十分吸引观众，为了避免拥挤，规定了专门路线入园，由定时电梯控制人数。园中飞檐、雕梁、鱼池、凉亭，室内对联、掸瓶、八仙桌、太师椅一应俱全。除明轩外，还按时间和国别布置了英国、法国和西班牙从14至18世纪的室内陈设。尽管都是一样的富丽堂皇，但法国式的画顶、英国式的壁炉和西班牙式的家具还是刻上了不同时代和不同民族的烙印。博物馆内还收藏了大量来自中国的文物和艺术品，特别是一些佛像和壁画，游客在馆内还可以欣赏到一些珍贵的中国古代绘画，例如唐代韩干的《照夜白图》。
埃米塔什博物馆
埃米塔什博物馆即冬宫，是世界上最大最古老的博物馆之一。该宫由著名的建筑师拉斯特雷利设计。最早是叶卡特琳娜二世女皇的私人博物馆。1764年，叶卡特琳娜二世从柏林购进伦勃朗、鲁本斯等人的250幅绘画存放在冬宫的埃米塔什(法语，意为“隐宫”)，该馆由此而得名。
冬宫初建于1754至1762年间，1837年被大火焚毁，1838至1839年间重建，第二次世界大战期间再次遭到破坏，战后被精心修复。宫殿共有三层，长约230米，宽140米，高22米，成封闭式长方形，占地9万平方米，建筑面积超过4.6万平方米。冬宫的四面各具特色，但内部设计和装饰风格则严格统一。四角形的建筑宫殿里面有内院，三个方向分别朝向皇宫广场、海军指挥部、涅瓦河，第四面连接小埃尔米塔日宫殿。面向冬宫广场的一面，中央稍突出，有三道拱形铁门，入口处有阿特拉斯巨神群像。冬宫四周有两排柱廊，雄伟壮观。宫殿装饰华丽，许多大厅用俄国宝石——孔雀石，碧玉，玛瑙制品装饰，如孔雀大厅就用了2吨孔雀石，拼花地板用了9重贵重木材。埃米塔什是圣彼得堡最大的、最有特色的巴洛克风格建筑物。其完整性与华丽程度都令人印象深刻，装潢丰富，窗上饰框及浮雕装饰给人以力量，圆柱有规律的排列，墙表面由白色、绿色相间配合，使长长的外观形形色色，生动起来。1917年2月前，冬宫一直是沙皇的宫邸，后来被资产阶级临时政府所占据。1917年11月7日(俄历10月25日)起义群众攻下了冬宫。十月革命后，将原来官廷房舍和整个冬宫拨给艾尔米塔什，1922年正式建立国立艾尔米塔什博物馆，冬宫成为博物馆的一部分。1946年冬宫表面涂成起初的蓝宝石颜色。博物馆现包括五座建筑物：冬宫、埃米塔什、旧埃米塔什、埃米塔什剧院、新埃米塔什。目前，博物馆共分八个部分：原始文化部、古希腊、罗马部、东方民族文化部、俄罗斯文化史部、古钱币部、西欧艺术部、从事导游工作的科学教育部和作品修复部。8个部共有藏品270余万件，包括史前文化和埃及艺术收藏品以及大量意大利、西班牙、德国、英国、俄国、比利时、荷兰和法国的油画及雕刻。其中有1.5万幅绘画，1.2万件雕塑，60万幅线条画作品，100万块硬币和证章，22.4万件古代家具、瓷器、金银制品、宝石与象牙工艺品等。这些工艺品分别陈列在350多个展厅中，如毕加索立体画展厅，意、法画家展厅，俄国历代服装展厅等。所有展厅各具特色，其中最引人注目的是彼得大帝展厅，这里陈列有大量的彼得大帝生前用品，其中许多是他亲手制造的。展厅中的一个玻璃柜中有一尊彼得大帝的腊坐像，头发是彼得大帝本人的真发。肖像旁立有一木杆，木杆上端两米多的地方刻有一道线，以示彼得大帝身高超过两米。同中国故宫一样，该馆藏品异常丰富，因此参观者如果想要走遍所有全部展厅，恐怕花上一个月的时间都不够。
故宫博物院
故宫博物院是在明、清两代皇宫及其收藏的基础上建立起来的中国综合性博物馆。1987年，故宫被联合国教科文组织列入“世界文化遗产”名录。
依照中国古代星象学说，紫微垣（即北极星）位于中天，乃天帝所居，天人对应，是以皇帝的居所又称紫禁城。明代第三位皇帝朱棣在夺取帝位后，决定迁都北京，即开始营造这座宫殿，至明永乐十八年（1420年）落成。1911年，辛亥革命推翻了中国最后的封建帝制--清王朝，1924年逊帝溥仪被逐出宫禁。在这前后五百余年中，共有24位皇帝曾在这里生活居住和对全国实行统治。
紫禁城，四面环有高10m的城墙和宽52m的护城河，城南北长961m，东西宽753m，占地面积达780,000㎡。城墙四面各设城门一座，城内宫殿建筑布局沿中轴线向东西两侧展开。红墙黄瓦，画栋雕梁，金碧辉煌。殿宇楼台，高低错落，壮观雄伟。南半部以太和、中和、保和三大殿为中心，两侧辅以文华、武英两殿，是皇帝举行朝会的地方，称为“前朝”。北半部则以乾清、交泰、坤宁三宫及东西六宫和御花园为中心，是皇帝和后妃们居住、举行祭祀和宗教活动以及处理日常政务的地方，称为“后寝”。 前后两部分宫殿建筑总面积达163,000㎡。整组宫殿建筑布局谨严，秩序井然，寸砖片瓦皆遵循着封建等级礼制，映现出帝王至高无上的权威。1925年10月10日故宫博物院正式成立。经初步清点，清代宫廷遗留下来的文物，据1925年公开出版的二十八册《清室善后委员会点查报告》一书所载，计有一百一十七万余件，可谓金翠珠玉，奇珍异宝，天下财富，尽聚于此。除此之外，还有大量图书典籍、文献档案。为此故宫博物院下设古物馆、图书馆、文献馆，分别组织人力继续对文物进行整理。
第二次世界大战全面爆发前夕，为了保护故宫文物不至遭战火毁灭或被日本帝国主义掠夺，故宫博物院决定采取文物避敌南迁之策。从1933年2月至5月，宫内重要文物被装成13,427箱又64包，分五批先运抵上海，后又运至南京。遂于南京建立文物库房，并成立了故宫博物院南京分院。1937年，南迁文物又沿三路辗转迁徙至四川，分 别存于四川省的巴县、峨嵋和乐山。直到抗日战争胜利后，三处文物复集中于重庆，于1947年运回南京。自1948年底至1949年初，南京国民党政府从南京库房中挑选出2,972箱文物运往台湾，后于台北市士林外双溪建立新馆，公开对外展出。余下的大批文物，在1949年以后陆续运回故宫博物院一万余箱，但至今还有2,221箱仍封存于南京库房。近十几年来，故宫博物院平均每年接待中外观众600-800万人次，而且，随着旅游事业的发展，观众的人数有增无减，人们对紫禁城的兴趣长盛不衰。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）