임의 제품 미리보기 이미지

내 웹 사이트의 쇼핑 페이지는 제품의 "전체 길이"이미지를 표시 한 다음 마우스를 올리면 "클로즈업"이미지가 표시됩니다.임의 제품 미리보기 이미지

일부 제품의 경우로드시 "클로즈업"이 표시되고 나머지는 "전체 길이"로 표시되도록 임의로 설정하고 싶습니다. 그리고 모든 페이지가로드 될 때마다이를 무작위로 생성합니다.

"전체 길이"이미지의 이름은 항상 xxx1.jpg이며 "클로즈업"이미지의 이름은 xxx2.jpg입니다.

<li> 
    <div id="product"> 
     <img class="full-length" src="/image-1.jpg"/> 
     <img class="close-up" src="/image-2.jpg"/> 
    </div> 
</li>

은 내가 1과 2 사이의 난수 생성기를 필요로 추측하고 두번째 이미지는 먼저 이미지 하지 무엇되기를.

모든 도움, 진실하고 매우 의무적입니다. 내가이 you.Java 스크립트 코드를 도울 수 있다고 생각

출처

2017-09-10 Paul Vincent

당신이 정확하게 당신이 당신이 할 싶어 무엇? 주어진 이미지에서 하나의 이미지를 표시하고 싶습니까? PHP? –

은 다음과 같습니다

function getRandomArbitrary(min, max) { 
    return Math.random() * (max - min) + min; 
} 
function onloadSetImage() 
{ 
document.getElementById('product1').src='image-'+getRandomArbitrary(1,5); 
}

HTML (onload can check here) :

<body onload="onloadSetImage();"/> 
<li> 
    <img id="product1" src=""/> 
</li> 
</body>

출처

2017-09-10 13:00:06

임의 제품 미리보기 이미지

답변

관련 문제