html,
body {
  margin: 0;
  padding: 0;
}

#banner {
  position: relative;
  width: 728px;
  height: 90px;
  overflow: hidden;
  background: #ccc;
}

#i01 {
  position: absolute;
  left: 0%;
  top: 0%;
  opacity: 0;
}

#i02 {
  position: absolute;
  left: -100%;
  top:  0%;
  opacity: 0;
}

#i03 {
  position: absolute;
  left: 100%;
  top:  0%;
  opacity: 0;
}
#i04 {
  position: absolute;
  left: -200px;
  top: 0%;
  opacity: 0;
}
#i05 {
  position: absolute;
  left: -100%;
  top: 0%;
  opacity: 0;
}

#i06 {
  position: absolute;
  left: 100%;
  top: 0%;
  opacity: 0;
}

#i07 {
  position: absolute;
  left: 100%;
  top: 0%;
  opacity: 0;
}

#i08 {
  position: absolute;
  left: 100%;
  top: 0%;
  opacity: 0;
}
#i09 {
  position: absolute;
  left: 0px;
  top: 0%;
  opacity: 0;
}
#i10 {
  position: absolute;
  left: 0%;
  top: 0%;
  opacity: 0;
}

#i11 {
  position: absolute;
  left: 100%;
  top:  0%;
  opacity: 0;
}

#i12 {
  position: absolute;
  left: 100%;
  top: 0%;
  opacity: 0;
  
}
#i13 {
  position: absolute;
  left: 100%;
  top: 0%;
  opacity: 0;
}

#i14 {
  position: absolute;
  left: 0%;
  top:  0%;
  opacity: 0;
  
}

#i15 {
  position: absolute;
  left: -100%;
  top: 0%;
  opacity: 0;

}
#i16 {
  position: absolute;
  left: 0%;
  top: 100%;
  opacity: 0;
}

#i17 {
  position: absolute;
  left: 100%;
  top:  0%;
  opacity: 0;
}