1

画像のスライドショーを作ろうとしています。私は Jquery の経験がなく、助けが必要です。基本的に、div#slideshow に画像があります。そこに複数の画像を配置したいのですが、Jquery の力を利用して、ユーザーが左/右ボタンをクリックすると、次の画像に変わります。これがHTML部分の私のコードです-

<!DOCTYPE html>
<html lang="en">
<head>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<style>
body {
background: url(bg.png);
width: 999px;
font-family: 'Open Sans', sans-serif;
margin: 0 auto;
}
p {
color: #222;
}
a {
color: #777;
font-size: 14px;
font-weight: bold;
text-decoration: none;
padding: 10px;
}
#nav {
float: right;
}
#slideshow {
width: 999px;
margin: 100px -50px;
}
#content {
background: #FFF;
padding: 50px;
height: 500px;
border-radius: 1px;
margin: 50px auto;
}
</style>
</head>
<body>
<div id="content">
<div id="nav">
<a href="..">Home</a>
<a href="..">About</a>
<a href="..">Work</a>
<a href="..">Contact</a>
</div>
<div id="slideshow">
<img src="image.jpg" />
</div>
</div>
</body>
</html>
4

1 に答える 1

2

SlidesJSjQueryのプラグインを調べます。これがサンプルページです: http://www.slidesjs.com/#examples

これを行うプラグインは他にもたくさんありますが (ResponsiveSlidesたとえば)、これは非常に単純で、理解できるはずです。

于 2012-09-30T15:13:21.013 に答える