1

HTML、php、jQueryを使用してスライドショー画像を作成していますが、画像が表示されません。Iiはエラーが何であるかを知りません。私はjQueryを初めて使用し、少し間違いがあるはずですが、どこで検索して見つけるかはわかりません。

index.html：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JQuery Slider</title>

<style type="text/css">
.slider{
  width:800px;
  height:350px;
  overflow:hidden;
  margin:30px auto;

}
.slider img{
 width:800px;
 height:350px;
 display:none;
}

</style>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js"></script>
<script type="text/javascript">
 function Slider(){
 $(".slider#1").show("fade",500);

 }

</script>
</head>

<body onload="Slider();">
  <div class="slider">
    <img id="1" src="img/13052012438.jpg"border="0"alt="image1" />
    <img id="2" src="img/25052012442.jpg"border="0"alt="image2" />

    <img id="3" src="img/13052012439.jpg"border="0"alt="image3" />
    <img id="4" src="img/25052012441.jpg"border="0"alt="image4" />
  </div>
</body>
</html>
4

2 に答える 2

0

jQueryチームが作成したスライダーを使ってみませんか？

http://jqueryui.com/slider/

于 2013-02-22T22:22:31.160 に答える
0

sliderセレクターの間にスペース文字を追加する必要があります。クラスがでIDが。の要素を選択しています1。

$(".slider #1").show("fade",500);
       ---^

IDは一意であるため、IDセレクターを使用して要素を選択できます。

$('#1')...

また、数値IDはHTML5ドキュメントでのみ有効であることに注意してください。nivoSliderやFlexsliderなどのスライドショープラグインを使用することをお勧めします。

于 2013-02-22T22:22:41.223 に答える