이미지 배열에서 이미지를 무작위로 변경

제목은 기본적으로 모두를 말합니다.이미지 배열에서 이미지를 무작위로 변경

이미지 배열에서 임의의 이미지로 이미지를 변경하려고합니다. (희망적이라고 생각합니다.)

무언가를 클릭하면 어떻게 이미지 배열을 만든 다음 이미지를 임의 이미지로 변경할 수 있습니까? 이 example

<h1>These are just placeholders</h1> 
<p>I just want these images to randomly change to an image from an array of images each time they are shown (when "display" isn't "none")</p> 
<img src="https://pixabay.com/static/uploads/photo/2013/11/21/07/30/icon-214446_960_720.jpg" class="newsAD"></img> 
<img src="https://pixabay.com/static/uploads/photo/2013/11/21/07/30/according-to-214445_960_720.jpg" class="newsAD"></img> 

<style> 
    .newsAD { 
     width: 150px; 
     height: 150px; 
     margin-left: 50px; 
     background: skyblue; 
     cursor: default; 
     box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.4); 
    } 
</style> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"> 
function changeImageToRandomImage() { 
// something here that changes image to random image from array of images 
} 
</script>

Here's a fiddle.

출처

2016-10-21 Chizbe Joe

을

HTML 때 디스플레이 ISN ' 아무것도? – Tonza

CSS와 같습니다. ('display : none') –

<img onclick="changeImageToRandomImage()" id="image" src="img/image_0.jpg">

자바 스크립트

function changeImageToRandomImage() { 
    images = ['img/image_1.jpg', 'img/image_2.jpg','img/image_3.jpg','img/image_4.jpg']; 

    var random = images[Math.floor(Math.random()*images.length)]; 
    document.getElementById('image').src= random; 

}

출처

2016-10-21 19:01:13

이렇게하면 시간에 따라 임의로 이미지를 변경하는 기능 (슬라이드 쇼 스타일) 또는 'onclick'을 변경할 수 있습니다. –

고마워, 잘됐다! ^^ –

Working fiddle : https://jsfiddle.net/d1ec07p2/8/ –

을 수행하는 방법을 설명하는 이미지가 어레이로부터 선택되는 특정 이미지에 사용되는 생성 된 난수에 나열된 일정한 (비 아약스) 웹 페이지와 그것. 또 다른 방법은 서버 측 (예 : NodeJS)에서 임의 이미지 선택을 구현하고 클라이언트에서 동일한 Ajax 호출을 사용하여 서버 선택기 로직을 트리거하는 것입니다. 당신이 어딘가에 이미지를 저장 한 다음 배열에 자신의 경로를 저장하고 같은처럼 그들을 부를 것이다 이러한 상황에서

출처

2016-10-21 18:48:32

이미지 배열에서 이미지를 무작위로 변경

답변

관련 문제