나는 라이트 박스 대안으로 Fancybox를 실험 해왔다. 그러나, 나는 그것을 작동시킬 수있을 것 같지 않습니다. 내 이미지는 항상 라이트 박스 대신 새 탭/창에서 열립니다. 필자는 자신의 코드와 원래 코드의 구현을 테스트했습니다.Fancybox 이미지가 새 창에서 열립니다/탭
원래 코드 : http://www.demoeial.be/devversion/fancybox/test.php
어떤 아이디어? 방해가 될 수있는 코드를 추가/삭제하려고 시도했지만 작동시키지 못했습니다.
코드
헤드 :
<script type="text/javascript" src="http://www.demoeial.be/devversion/js/jquery.min.js"></script>
<script type="text/javascript" src="http://www.demoeial.be/devversion/js/jquery.mousewheel-3.0.6.pack.js"></script>
<script type="text/javascript" src="http://www.demoeial.be/devversion/js/fancybox/jquery.fancybox.js?v=2.1.1"></script>
<link rel="stylesheet" type="text/css" href="http://www.demoeial.be/devversion/css/fancybox/jquery.fancybox.css?v=2.1.1" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
/*
/*
* Different effects
*/
// Change title type, overlay closing speed
$(".fancybox").fancybox();
}
</script>
바디 :
<div id='article'><div id='articletitle'>Studentenraad van Louvain-la-Neuve sluit zich weer aan bij de FEF</div>
<div class='publication_date'>Artikel gepubliceerd op 18 Oktober 2012 om 12:57</div><div id='sidebarpics'><a class='fancybox' href='http://media.demoeial.be/photos/2012/10/10369_509_xl.jpg' title='' rel='fancybox' ><img src='http://media.demoeial.be/photos/2012/10/10369_509_side.jpg' width='280' alt='' /></a><div class='imagedescription_side'></div></div>
여기에 코드를 게시 할 수 있습니까? 링크가 끊어지면 질문이 적합하지 않게됩니다. – SomeKittens