0

Добрый день друзья, для lightbox использую плагин fancybox, столкнулся с такой проблемой. Мне нужно одновременно показывать и текст и кратнику внутри lighbox.

$parent_id = 5;

$sub_cats = get_categories( array( 'child_of' => $parent_id, 'hide_empty' => 0 ) ); if( $sub_cats ){ foreach( $sub_cats as $cat ){ echo ''. $cat->name .'

';

# получаем записи из рубрики
$myposts = get_posts( array(
  'numberposts' => -1,
  'category'    => $cat->cat_ID,
  'orderby'     => 'post_date',
  'order'       => 'DESC',
) );
`введите сюда код`# выводим записи
global $post;
foreach($myposts as $post){
  setup_postdata($post);
  echo '<div class="single_product">
  <a class="outer" href="'. get_field("image_link").'">'.get_the_post_thumbnail() . '<p>'.get_the_title().'</p>
  <div class="inner_block">'.get_field("image_link").'<h6></h6></div>
  </a> 

  </div>';
}
wp_reset_postdata(); // сбрасываем глобальную переменную пост

} }

html выглядить вот так:

<div class="single_product">
      <a class="outer" href="prod3.jpg">
      <img width="232" height="327" src="prod3.jpg"  alt="prod3">
      <p>Фарш говяжий</p>
      </a> 
</div>
3
  • какой текст? - название картинки или что то большое?
    – Arsen
    30 янв 2017 в 15:40
  • и код который вы показали как то связанно с lightbox ?
    – Arsen
    30 янв 2017 в 15:42
  • что то больше! Этот код я использую для вывода рубрик в wordpress, мне нужно чтобы при клике на картинку появлялась большая картника с некоторым описанем(5 - 8 параграфов)
    – Alan.Sh
    30 янв 2017 в 15:52

1 ответ 1

1

Вот посмотрите пример, думаю вам поможет

$(".fancybox").fancybox({
    beforeShow : function() {
        var alt = this.element.find('img').attr('alt');
        
        this.inner.find('img').attr('alt', alt);
        
        this.title = alt;
    }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="http://fancyapps.com/fancybox/source/jquery.fancybox.css" rel="stylesheet"/>
<script src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>


<a rel="gallery" class="fancybox" href="http://fancyapps.com/fancybox/demo/1_b.jpg"><img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt="First picture"/></a>

<a rel="gallery" class="fancybox" href="http://fancyapps.com/fancybox/demo/2_b.jpg"><img src="http://fancyapps.com/fancybox/demo/2_s.jpg" alt="Second picture"/></a>

1
  • Мне нужно не просто текст вывести, а html с такого вида как <div> <h1></h1> <p> </p> </div> и т.д
    – Alan.Sh
    31 янв 2017 в 9:10

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.