日: 2014年1月29日

画像ホバー半透明css

#main_contents a:hover img{
opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */

}

TOP画像　２枚目が有ればこのスクリプト　読み込む

<!---Top画像2があればこのスクリプトを読む-->
  <?php
$args = array(
		'posts_per_page' => -1,
'paged' => $paged,
'orderby' => 'menu_order',
'order' => 'ASC',
//'tax_query' => array(
//			'relation' => 'AND',
//			array(
//				'taxonomy' => 'event',
//				'field' => 'slug',
//				'terms' => array( 'トップ用', '予備' ),
//'operator'=>'NOT IN'
//				),
//),
'post_type' => 'd_midashi', //カスタム投稿名
	);
?>

<?php
	query_posts( $args );
?>
<!--★★★ループ基本-->
<?php
if ( have_posts () ) :
    while ( have_posts() ) :
        the_post();
?>  

<?php if(post_custom('toppage画像2')): ?>

<!--TOPフェード-->
<script type="text/javascript">
$(function(){
	var setImg = '#main_contents_top';
	var fadeSpeed = 1500;
	var switchDelay = 5000;

	$(setImg).children('img').css({opacity:'0'});
	$(setImg + ' img:first').stop().animate({opacity:'1',zIndex:'20'},fadeSpeed);

	setInterval(function(){
		$(setImg + ' :first-child').animate({opacity:'0'},fadeSpeed).next('img').animate({opacity:'1'},fadeSpeed).end().appendTo(setImg);
	},switchDelay);
});
</script>   
 <?php endif; ?> 
 
   <?php
    endwhile;
endif;
?>          
   <?php wp_reset_query(); ?>     
<!---/Top画像2があればこのスクリプトを読む-->