Отображение пользовательских пост-типов в Fancybox div, а затем их привязка к ним

Как я могу это сделать …

У меня есть страница с портфолио, созданная с использованием пользовательских пост-типов, а на странице портфолио у меня есть несколько эскизов, которые я бы хотел связать с каждым проектом, который я добавляю через пользовательский пост-тип. Надеюсь, эта часть имеет смысл?

Там, где это сложно, я хочу, чтобы каждый из этих эскизов использовал плагин Fancybox, чтобы, когда пользователь нажимает на миниатюру, он вызывает контейнер div со всем содержимым I из сообщения этого конкретного проекта. Потеряли меня?

Его немного сложно объяснить, но, надеюсь, кто-то там будет знать, что я имею в виду, и предлагаю, как я могу умно сделать страницу захватить весь контент в этом сообщении эскиза и отобразить его с помощью Fancybox «pop out».

Причина этого заключается в том, что у меня есть много проектов, которые я хочу отобразить, и если бы у меня был файл, который включал всплывающее div с контентом для каждого проекта, файл был бы огромным! И я просто не думаю, что это отличный способ управлять вещами.

Благодаря,

ясень

Если всплывающее div не может быть и речи, поскольку у вас много проектов на странице, другой вариант – использовать ajax для захвата содержимого проекта, который не должен быть слишком сложным. и еще более простым решением было бы использовать jQuery .load ()

сначала оберните миниатюры ссылкой со страницы проекта:

<a class="project_thumb" href="<?php echo get_permalink(); ?>"> ... thumbnail here </a> 

затем добавьте этот код js:

 <script> $(document).ready(function(){ $('.project_thumb').live('click', function(e){ e.preventDefault(); var url = $(this).attr('href'); url = url + ' #portfolioProject'; $('#content').load(url, function(data, stat, req){ $(this).fancybox(); }); }) }); </script> 

и просто измените #content на id контейнера содержимого вашего единственного представления проекта.