테스트 사이트 - 개발 중인 베타 버전입니다

게시판 사진을 추출한 랜덤 슬라이드 채택완료

ZDZ 2년 전 조회 1,919

 

추석 잘 보내셨나요? 어김없이 가르침 받고자 글을 작성해봅니다.

 

게시판에 첨부한 이미지를 가져와서 List 페이지에 그걸 랜덤으로 띄워주는 슬라이드를 만들고자 합니다. 어떤식으로 코드를 짜야할까요?

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

s
sinbi Expert
2년 전

웹메이킹 님, 균이 님, 바보 ~~~ 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

웹메이킹
2년 전
sinbi 님 미워요~ㅎㅎ

댓글을 작성하려면 로그인이 필요합니다.

2년 전

이미지 한개

$row=sql_fetch("select bf_file from {$g5['board_file_table']} where bo_table='$bo_table' order by rand() limit 0,1");

$img = "../data/file/$bo_table/".$row['bf_file'];

 

이미지 5개

$qq=sql_query("select bf_file from {$g5['board_file_table']} where bo_table='$bo_table' order by rand() limit 0,5");

 

 

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

위 내용만으로는 정확히 어떤 형태로 구현하고자 하는지 알 수는 없지만  다음과 같이 해볼수 있을것 같습니다.

 

</p>

<p><?php

// 게시판에서 이미지 URL을 가져오는 코드

// $randomImageUrl에 랜덤 이미지 URL을 할당합니다.

?></p>

<p><script>

// JavaScript에서 랜덤 이미지를 표시하는 코드

var randomImageUrl = "<?php echo $randomImageUrl; ?>";</p>

<p>// 이 URL을 슬라이드 쇼에 사용할 수 있습니다.

</script>

 

</p>

<p><!DOCTYPE html>

<html>

<head>

  <title>이미지 슬라이드 쇼</title>

  <script src="<a href="https://code.jquery.com/jquery-3.6.0.min.js"></script>" target="_blank" rel="noopener noreferrer">https://code.jquery.com/jquery-3.6.0.min.js"></script></a>

</head>

<body>

  <div id="imageSlider">

    <img id="sliderImage" src="" alt="슬라이드 이미지">

  </div></p>

<p>  <script>

    var imageUrls = [

      // 여기에 가져온 이미지 URL을 넣습니다.

    ];</p>

<p>    function getRandomImageUrl() {

      return imageUrls[Math.floor(Math.random() * imageUrls.length)];

    }</p>

<p>    function updateSlider() {

      var randomImageUrl = getRandomImageUrl();

      $('#sliderImage').attr('src', randomImageUrl);

    }</p>

<p>    // 슬라이드를 초기화하고 일정 시간마다 이미지를 업데이트합니다.

    updateSlider();

    setInterval(updateSlider, 5000); // 5초마다 이미지 업데이트

  </script>

</body>

</html></p>

<p>

 

예시를 참고하셔서 원하지는 형태로 구현하시면 되지 않을까 합니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

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

로그인