페이지 이동없이 이미지만 변경 하는 방법좀 알려주세요 미치겠습니다!
조회수 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>
-
(•́ ✖ •̀)
알 수 없는 사용자
댓글 입력