이렇게 버튼슬라이드를 만들고싶은데 감이안잡히네요 하..

 <div class="all">
  <?php
    while($row=sql_fetch_array($in_plant)){
    if($row['mb_id']==$member['mb_id']){
      ?>
      <div class="all_wrap slide">
        <div class="body_wrap">
          <div class="body_top">
            <button class="d_day">D-day</button>
            <p style="font-weight:600; font-size:20px;">예상 수확일0000.00.00</p>
          </div>
          <div class="body_mid">
            <button class="prev"><img src="../img/icon-back.png" width="40px" height="40px"  /></button>
            <img src="../img/<?php echo $row['p_thumbnail'] ?>" class="imgcenter" width="150px;" height="150px;" />
            <button class="next"><img src="../img/icon-next.png" width="40px" height="40px" /></button>
          </div>
          <div class="chart_wrap">
            <div class="body_bottom">
              <div class="chart doughnut1"><span class="center">25</span><p class="bottom">온도</p></div>
              <div class="chart doughnut2"><span class="center">25</span><p class="bottom">강수량</p></div>
              <div class="chart doughnut3"><span class="center">25</span><p class="bottom">일조량</p></div>
            </div>
          </div>
          <div class="bottom_solution">
            <span><img src="../img/home1.png" width="20px"/> <t>솔루션</t></span>
            <a>이전 솔루션 보기</a>
          </div>
        </div>
      </div>
      <?php
    }
  }

//css

.all{
  white-space:nowrap;
  overflow: hidden;
  position: relative;
}

.all_wrap{
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}

이렇게 선언했는데 overflow:hidden으로 안보이게 만들었는데 어떻게 버튼이벤트를 줘야 다른게 나올까요?