WordPress / jQuery - демонстрация категории видео с помощью jQuery

Question

Я работаю на веб-сайте для клиента, и у них есть интересное требование, которое я не смог выяснить.

По сути, одна из их категорий сообщений предназначена для видео, и они регулярно публикуютновые видео в этой категории.Каждое видео-сообщение имеет набор «Избранные миниатюры».

На своей видео-странице они хотели бы отображать миниатюры для каждого сообщения в категории (это самая простая часть, это можно сделать с помощью пользовательского запроса) - однако нав верхней части страницы, они хотят, чтобы 1 полный пост отображался.Если пользователь нажимает на одну из миниатюр, он отображает видео для этой миниатюры в верхней части страницы вместо того, что уже было там.Имеет ли это смысл?

Вот макет того, как выложена страница:

Так что мне нужно использовать jQuery, чтобы в основном загрузить полное видеов верхней части страницы при нажатии на миниатюру - полное видео - это просто публикация в WordPress, поэтому в случае "при нажатии на миниатюру с идентификатором x отображается соответствующий ответ в div id =" full-video "

Есть идеи, как это сделать?

Большое спасибо, Зак

Answer 1

Вам нужно будет отправить запрос на сервер, который возвращает содержимое публикации.Что-то похожее на это:

<javascript>
function getVideo(data) {
  $.get(URL_THAT_RETURNS_CONTENT, 
    function (data) {
      $("#full-video").html(data)
    }
  );
}

$(".video-thumb").click(getVideo)
</javascript>

Затем на стороне сервера, что-то вроде этого:

data = get_content($_GET['lookup_post']);
echo data;

Я не помню точный код на моей голове, но этодолжен донести идею.

Answer 2

этот не элегантный как предыдущий, но как насчет использования 2 циклов? один показывает последний пост полностью, а другой опускает последний пост и показывает все остальное в правильном порядке? это может занять больше ресурсов, но если это не большой сайт, я думаю, что это самый простой способ.