1

バックグラウンド スライダー スクリプトを機能させようとしていますが、機能していません。背景がスライドする代わりに、固定したいのに、ナビゲーション アイコンが奇妙な方法でスライドします。最初は、スライダー ナビゲーションから「1,2,3」を削除したかったのですが、スライダーがまったく機能しなくなりました。

その CSS コードは次のとおりです。

  #pictureSlider { }
  #pictureSlider div { height:100%; width:100%; position:absolute; z-index:-999; }

  /* NAVIGATION BOX */
  .navbox { width:150px; height:20px; position:absolute; left:0px; top:50px; }
  .navbox ul {position:absolute; right:10px; top:10px; }
  .navbox ul li { list-style: none; float: left; cursor:pointer; }
  .navbox ul li a { 
display:block; float:left; width:23px; height:25px; text-align:center;
background-image:url("../images/slide-circle-controls.png"); margin-left:5px;
text-decoration:none;
   }
  .navbox ul li a:hover { background-position:bottom; color:#000; } 

  .cam { }
  .clouds {  }
  .key { }

どうもありがとう！:)

4

1 に答える 1

0

font-size を 0px に設定できますが、一部のブラウザーはそれを受け入れ、1、2、3 の値は表示されません。

font-size を 1px に設定し、色を黒に設定することもできます。これにより、ボタンの黒い境界線で数字が非表示になります

navbox ul li a { 
  display:block;
  float:left;
  width:23px;
  height:25px;
  text-align:center;
  background-image:url("../images/slide-circle-controls.png");
  margin-left:5px;
  text-decoration:none;
  font-size: 1px;
  color: #000;
}

ただし、スクリプトを変更してインデックス値を配置しないようにするのが最善です。script.js の 59 行目を確認してください。

.html(i)

のようなものに置き換えます

.html('')

そして数字が消える

変更後にスライダーが機能しない場合は、それらの変更を元に戻すだけです:P

于 2012-11-02T04:35:05.190 に答える