작은 이미지 및 오버레이 큰 이미지를 클릭하십시오.

여러 개의 이미지가 있습니다. 각 이미지를 클릭 할 때 전체 이미지에 오버레이되도록하고 싶습니다. 나는 거기에이 자바 스크립트를 가지고 있지만 이미지를 클릭하면 오버레이 한 것이 그립의 마지막 이미지입니다. 어떻게 수정해야합니까?작은 이미지 및 오버레이 큰 이미지를 클릭하십시오.

나는 이것을 사용하고 있습니다,하지만 난 여러 이미지를 가지고이에서 광산에

http://jsfiddle.net/a8c9P/

유일한 차이는 그리드에 그것을두고 다른 자바 스크립트에 대한 또 다른 사업부에 있다는 것이다.

HTLM는 :

<div class="brick"> 
<div class="overlay"></div> 
<div class="overlayContent"> 
<img class="imgBig" src="img/Scan.jpg" /> 
</div> 
<img class="imgSmall" src="img/Scan.jpg" height="345"> 

</div>

출처

2014-11-23 Paulina Paulino

http://jsfiddle.net/a8c9P/192/이게 당신이 원했던가요? – Cattla

@Cattla 이것은 내가 가진 것입니다. 그것이 다른 것을 실행하고 있기 때문에 freewill div에 보관해야합니다. 나는 그것이 보이지 않거나 작동하지 않는다는 것을 안다 http://jsfiddle.net/PaulinaPaulino/4pvc5h0j/ –

check out this

이를 위해 노력하고있다? http://jsfiddle.net/Lqsmr4bu/

출처

2014-11-23 07:21:50

네, 그게 내가 원하는 것입니다. 그리고 그것을 시도하고 그것은 오버레이 이미지를 보여주지 않습니다. 간신히 자바 스크립트 또는 jQuery를 알고 있지만 imgBig가 비어있는 이유는 무엇입니까? @sarath –

문제가 해결 되었습니까? 코드 작업에 대해 묻고 있습니까? –

당신이 나에게 보여준 것을했으나 효과가 없습니다. 내 물건이 어떻게 생겼는지. http://jsfiddle.net/PaulinaPaulino/4pvc5h0j/ –

작은 이미지 및 오버레이 큰 이미지를 클릭하십시오.

답변

관련 문제