Как из записи получить картинки и из них сделать слайдер?

Question

[Darkness]

Добавили мы в запись картинок, например, штук 5. После получаем их в цикле и вставляем в слайдер.
Не смог найти решения, надеюсь, тут подскажут!

Answer 1

[Lorem Ipsum]

$('.post-content img').each(() => {
    let img = "<img src="+ $(this).attr('src') +" />";
    $('.slider').append(img)
})
// после инициализируете слайдер

Comments

[Darkness]

Попытался просто в console.log вывести img, ничего не происходит..
Добавил просто в <script /> после

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Если есть такая возможность, можете на JS написать? И .post-content img это обращение к классу ?

[Lorem Ipsum]

Darkness, $('.post-content img').each() находит каждый тег img в классе .post-content, название класса ставите свое, я пример привел, с классом .slider аналогично
Без jQuery примерно так:

let postImages = document.querySelectorAll('.post-content > img');
let slider = document.querySelector('.slider');
postImages.forEach((image) => {
    slider.append(image)
})

[Darkness]

К сожалению, вы не поняли вопроса((
Я не могу из записи WordPress получить изображения, т.е. ( в запись вставленные картинки).
Могу получить либо только загруженные в запись, но не вставленные из библиотеки..

[Lorem Ipsum]

Darkness, Формулируйте вопрос так, чтобы его можно было понять) Если вам надо вытащить картинки из the_content() и сформировать из него слайдер, то этим способом (который выше) это сделать проще всего.

[Darkness]

Lorem Ipsum, Да, извините, это чет у меня с логикой туговато))
Я сам фильтром блокировал картинки ... На самом деле все действительно просто) Спасибо!

[Lorem Ipsum]

Darkness, рад помочь!)

[sergiocharm]

Darkness, как решили и где выводите?