teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

初期表示時に一瞬すべてのスライドが見えてしまうのを修正

2017/02/19 14:59

投稿

kura
kura

スコア368

answer CHANGED
@@ -1,7 +1,7 @@
1
1
  取りあえずこんな感じで動くと思います。
2
2
  動きの補助としてCSSも追加しましたが、要点となるところはほんの一部です(`/* ! */`で印をしました)。
3
3
 
4
- [サンプル https://jsfiddle.net/ubnxp7b7/1/](https://jsfiddle.net/ubnxp7b7/1/)
4
+ [サンプル https://jsfiddle.net/ubnxp7b7/2/](https://jsfiddle.net/ubnxp7b7/2/)
5
5
 
6
6
  ```javascript
7
7
  /**
@@ -104,6 +104,7 @@
104
104
  }
105
105
  #main_contents li {
106
106
  position: relative; /* ! */
107
+ display: none;
107
108
  }
108
109
  #main_contents img {
109
110
  vertical-align: bottom;