자바 스크립트 - HTML로 된 adobe 파일보기 (마우스 오버)

Question

.psd, .ai, .eps, .pdf (html)이 포함 된 파일 목록이 있습니다. 파일 이름이 인 경우 을보고 싶습니다. 그게 가능할까요?

아래의 스 니펫은 예입니다.

.box{ 
 
    display: none; 
 
    width: 100%; 
 
} 
 

 
a:hover + .box,.box:hover{ 
 
    display: block; 
 
    position: relative; 
 
    z-index: 100; 
 
}

This live preview for <a href="http://en.wikipedia.org/">Wikipedia</a><div class="box"><iframe src="http://en.wikipedia.org/" width = "500px" height = "500px"></iframe></div> remains open on mouseover.

Answer 1

시도

<a href="path to your file" class="preview">Link</a><div class="box"><iframe src="" width = "500px" height = "500px" style="display:none;"></iframe></div> 

JQuery와 :

$(document).ready(function(){ 
    $(document).on('mouseover','.preview',function(){ 
var path_source=$(this).attr('href'); 
$("iframe").attr("src",path_source); 
$("iframe").show(); 

}); 
$(document).on('mouseout','.preview',function(){ 

$("iframe").hide(); 

}); 

});