easySlider 1.7 다음/이전 컨트롤 버튼을 슬라이더 위로 어떻게 이동합니까?

재미있는 즐거움을 가지고있는 Im은 easySlider 1.7을 구현하는 것이 쉬웠습니다. 내가하고 싶은 유일한 변화는 아래의 슬라이더 위의 다음과 이전 버튼을 움직이는 것입니다.이를 수행하는 방법에 대한 아이디어는 무엇입니까?easySlider 1.7 다음/이전 컨트롤 버튼을 슬라이더 위로 어떻게 이동합니까?

ol#controls { margin: -30px 0 0 0 !important; }

내 CSS는 EasySlider 1.7 - How to move the number buttons on to the image?에서 운이 없습니다. 여기 내 전체 코드는 어떤 제안을 부탁드립니다.

<html> 
<head> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="easySlider1.5.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#slider").easySlider(); 
    }); 
</script> 
    <style> 
     body { 
      margin:0; 
      padding:40px; 
      background:#fff; 
      font:80% Arial, Helvetica, sans-serif; 
      color:#555; 
      line-height:180%; 
     } 
     #slider ul, #slider li{ 
      margin:0; 
      padding:0; 
      list-style:none; 
      } 
     #slider li{ 
      width:946px; 
      height:auto; 
      overflow:hidden; 
      } 
     span#prevBtn{} 
     span#nextBtn{} 


    </style> 
</head> 
<body> 

<div id="slider"> 
    <ul>     
     <li><img src="../Desktop/slide1.png" alt="slide1" width="946" height="555" /></li> 
     <li><img src="../Desktop/slide1.png" alt="slide1" width="946" height="555" /></li> 
     <li><img src="../Desktop/slide1.png" alt="slide1" width="946" height="555" /></li> 
     <li><img src="../Desktop/slide1.png" alt="slide1" width="946" height="555" /></li> 
    </ul> 
</div>

출처

2014-07-07 M0n5terBunny

 span#firstBtn { 
      margin-top: -400px; 
      position: absolute; 
      width: auto; 
     }

이 기간 # firstBtn, 스팬 # nextBtn, 스팬 #의 prevBtn 및 스팬 번호의 lastBtn 작동하여 버튼의 위치를 조정 할 당신의 CSS이 추가 .

희망이 도움이됩니다.

출처

2014-07-07 13:32:34 M0n5terBunny

easySlider 1.7 다음/이전 컨트롤 버튼을 슬라이더 위로 어떻게 이동합니까?

답변

관련 문제