colorboxを使ったサムネイル画像の拡大表示 : WordPress
アイキャッチに設定した画像を表示してクリックするとlightbox風の拡大処理を行う
»ColorBox – customizable lightbox plugin for jQuery 1.3, 1.4, & 1.5
<head>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.colorbox-min.js"></script>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/colorbox/colorbox.css" type="text/css" media="all" />
</head>
$(function(){
$("a[rel='gallery']").colorbox();
});
<?php if (get_post_thumbnail_id()): ?>
<?php $src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID) ,'full'); ?>
<a rel="gallery" href="<?php echo $src[0]; ?>" ><?php the_post_thumbnail(array(87,9999)); ?></a>
<?php endif; ?>
<?php endif; ?>
コメント
No comments yet.
コメントの投稿
改行と段落タグは自動で挿入されます。
メールアドレスは表示されません。