페이지 이동없이 이미지만 변경 하는 방법좀 알려주세요 미치겠습니다!

조회수 2681회

지금 현재 ppt파일을 db로부터 받아와서 슬라이드 한장당 이미지 파일 하나로 저장한다음 하나씩 부르려하는데요

다음 버튼을 누르면 페이지도 이동하고 사진도안바뀌고 그럽니다....

구글링하면서 찾아본거 붙이고 해봤는데 안되서 헤매고있어요ㅠㅜㅠㅜ

이미지 파일은 resources폴더 안에 slide폴더 안에 있는거 가져옵니다.

파일명이 slide-1, slide-2, slide-3 이런식으로 있습니다.

아래는 코드입니다.

<html>
<head>
<%
    int i = 1;
%>
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
    $(document).ready(function() {
        $("pre").click(function() {
            <%i -= 1;%>
            $("#image").attr("src","resources/slide/slide-<%=i%>.JPG");
        });
    });


------------------------------------------------------------------------------------------------------------------------------------------------------

    <!-- ppt 띄우기 -->
    <DIV
        style="position: relative; top: 500px; left: 100px; width: 200; height: 200; background: white">

        <iframe width="520" height="415" id="image" name="NeBoard"
            src="resources/slide/slide-<%=i%>.JPG"  scrolling="No" onLoad="ResizeFrame('NeBoard');"></iframe>

        <FORM>
            <%
                if (i == 1) {
            %>
            <BUTTON id="pre" value='이전' target="img" disabled="disabled">
                <img src="resources/img/pre.PNG" width="40" height="40">
            </BUTTON>
            <%
                } else {
            %>
            <BUTTON id="pre" value='이전' target="img">
                <img src="resources/img/pre.PNG" width="40" height="40">
            </BUTTON>
            <%
                }
            %>
            <BUTTON id="next" value='다음' target="img">
                <img src="resources/img/next.PNG" width="40" height="40">
            </BUTTON>
        </FORM>
    </DIV>
    <!-- ppt 띄우기 -->



</body>
</html>
  • (•́ ✖ •̀)
    알 수 없는 사용자

답변을 하려면 로그인이 필요합니다.

프로그래머스 커뮤니티는 개발자들을 위한 Q&A 서비스입니다. 로그인해야 답변을 작성하실 수 있습니다.

(ಠ_ಠ)
(ಠ‿ಠ)