질문과 답변

기 타 HTML 고수님에게 도움 요청 드립니다.

2023.09.13 16:46

CBN 조회:144

쳇gpt로 아래와 같은 html코드를 얻어서 

사진 3장을 전체화면으로 교대로 띄우는데는 성공했는데요.

 

여기에서 좀 더 나아가 그 JPG 파일들을 1시간 정도 간격으로

파일을 다시 읽어들여야 하는 기능이 필요합니다.(파일들이 수정되기 때문에)

 

 <!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>이미지 교대로 전체 화면</title>

    <style>

        body {

            margin: 0;

            overflow: hidden;

        }

 

        img {

            position: fixed;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            object-fit: cover;

            animation: fade 1s infinite alternate;

        }

 

        @keyframes fade {

            0% {

                opacity: 50;

            }

            100% {

                opacity: 1;

            }

        }

    </style>

</head>

<body>

    <img id="image" src="c:\a.jpg">

    <script>

        const images = ["c:\\a.jpg", "c:\\b.jpg","c:\\c.jpg"];

        const imageElement = document.getElementById("image");

        let currentIndex = 0;

 

        function changeImage() {

            currentIndex = (currentIndex + 1) % images.length;

            imageElement.src = images[currentIndex];

        }

 

        setInterval(changeImage, 5000); // 5초마다 이미지 변경

    </script>

</body>

</html>

 

능력자님들 도와 주세요.!!!

https://windowsforum.kr/qna/19862330 홈으로 위로 목록
홈으로 위로 목록
번호 제목 글쓴이 조회 등록일
[공지] 질문과 답변 게시판 이용간 유의사항 gooddew - -
7902 기 타| 이어폰, 연장 케이블을 구하고자 합니다. [2] 기억의저편 297 10-25
7901 기 타| ChipGenius 안전한가요? [1] 달그림 153 10-24
7900 기 타| 문의 [1] 날개잃은통딹 678 10-23
7899 기 타| 프로그래밍 고수님들 ..내용 좀 봐주세요... [2] cosmosa 306 10-20
7898 기 타| 바탕화면을 찾습니다. [2] 시골꼬마 483 10-19
7897 기 타| 유투브 광고차단 [9] 홍낄똥 1058 10-19
7896 기 타| 스카이라이프 인터넷, 개인 공유기간 문제 [3] 칠월일일 242 10-19
7895 기 타| USB 암호 설정하는 유틸있을까요 [1] 꿀단지 233 10-19
7894 기 타| 헤드셋 추천 좀 부탁드리겟습니다. [2] 기억의저편 130 10-17
7893 기 타| 미니pc 추천좀 부탁드립니다. [2] 칠월일일 281 10-17
7892 기 타| usb 고장 응답없음 [6] 달그림 363 10-16
7891 기 타| 파일 이름 일괄 변경 - DarkNamer 이거 [4] nissan 423 10-13
7890 기 타| 구형 테블릿 pc 공장초기화 하는방법좀 알려주세요, [2] 까투리 426 10-13
7889 기 타| 배치파일 명령어 질문 입니다 [2] 스누스 217 10-12
7888 기 타| 이런 문제의 원인인 무엇인가요? (윈도우 부팅 관련) [8] joyleehk 560 10-11
7887 기 타| 안녕하십니까 크롬확장인데 [6] nissan 397 10-11
7886 기 타| 클라우드 서비스 [6] 도파니 507 10-09
7885 기 타| PC배우려는데 내일배움카드 아시나요 ??? [6] 대조선언니 388 10-06
7884 기 타| HTML 고수님께 다시 질문 드립니다. [2] CBN 200 10-05
7883 기 타| 윈포 검정색 테마는 없나요, [6] 가족넷 556 10-04
홈으로 위로 목록
XE1.11.6 Layout1.4.8