表題の通りですが、ポップアップが表示されず苦戦しており、ご教授いただけましたらと思います。
php
1 2<a href="#post-<?php the_ID(); ?>" class="fancy"><img src="<?php echo $img; ?>" alt=""></a> 3<p><?php the_title(); ?></p> 4 5〜中略〜 6 7<!--START_fancybox--> 8<?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?> 9<?php $img = get_field('voice_img'); $text = get_field('voice_text'); ?> 10<div id="post-<?php the_ID(); ?>" class="voice_fancy"> 11<p class="voice_fancy_img"><img src="<?php echo $img; ?>" alt=""></p> 12<p class="voice_fancy_text"><?php echo $text; ?></p> 13</div> 14<?php endwhile; ?> 15<!--END_fancybox-->
css
1.voice_fancy{ 2 display: none; 3 height:550px; 4 overflow:scroll; 5}
Javascript
1<script src="<?php echo get_template_directory_uri(); ?>/shared/js/jquery-1.8.1.min.js"></script> 2<script src="<?php echo get_template_directory_uri(); ?>/shared/js/jquery.fancybox.js"></script> 3<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/shared/css/jquery.fancybox.css" type="text/css" media="screen" /> 4<script> 5jQuery(function($){ 6 $(".fancy").fancybox(); 7}); 8</script>
プラグインは読み込んでいるようで、div要素に対してfancyboxを設定するとき何をすればいいのかわからず困っています、初歩的な質問で申し訳ありませんがよろしくおねがいします。
回答2件
あなたの回答
tips
プレビュー