WPでlightbox系のプラグインを入れ、ページを開いたら自動で画像が大きくする方法
WordPressでlightbox系のプラグイン、
たとえば、WP Slimbox2などを入れて画像クリックでふわ～っと拡大オーバレイ表示させるようにしている人はいると思いますが、
たまに、クライアントさんからそのページを開いたときに、
ある決まった部分の画像だけを自動でlightbox拡大オーバレイ表示できないかと依頼されることがあります。
そんな場合は、
該当の画像のaタグに以下のように、 id=”click_data” を追記し
<a href="拡大画像のＵＲＬ" rel="lightbox" id="click_data"><img src="画像のＵＲＬ"></a>
以下のjavascriptをつけていれば、OKです！！
<script type="text/javascript">
function click_emu(){
var elem = document.getElementById("click_data");
if(elem!=null){
if( document.all ){
elem.fireEvent( "onclick" );
}
else{
var evnt = document.createEvent( "MouseEvents" );
evnt.initEvent( "click", false, true );
elem.dispatchEvent( evnt );
}
}
}window.onload = function(){click_emu();}
</script>
関連記事はこちら！
スポンサーリンク
ポチッ☆とクリックお願いします！
↓ ↓ ↓
