WPでlightbox系のプラグインを入れ、ページを開いたら自動で画像が大きくする方法

WPでlightbox系のプラグインを入れ、ページを開いたら自動で画像が大きくする方法

SPONSORED LINK

WordPressでlightbox系のプラグイン、
たとえば、WP Slimbox2などを入れて画像クリックでふわ~っと拡大オーバレイ表示させるようにしている人はいると思いますが、

たまに、クライアントさんからそのページを開いたときに、
ある決まった部分の画像だけを自動でlightbox拡大オーバレイ表示できないかと依頼されることがあります。

そんな場合は、
該当の画像のaタグに以下のように、 id=”click_data” を追記し

<a href="拡大画像のURL" rel="lightbox" id="click_data"><img src="画像のURL"></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>

ポチッ☆とクリックお願いします!
↓ ↓ ↓

  • にほんブログ村 IT技術ブログ ホームページ・サイト制作支援へ

コメントは受け付けていません。

サブコンテンツ

TOP