アイキャッチに設定した画像を表示してクリックすると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.
改行と段落タグは自動で挿入されます。
メールアドレスは表示されません。