Задать вопрос
@latipov_no_1

Как вывести одну картинку и вывести в слайдер slick?

Доброго времени суток!
Сайт на wordpress. В php не разбираюсь, к сожалению.
Имеется следующий код:
<?php
$field = get_post_meta( get_the_ID(), 'multiupload', true );
foreach ($field as $imgurl) {
	if($imgurl != ''){
		echo "<img src='".$imgurl."'/>";
	}
}
?>

Код из пользовательского типа поля: Галерея изображений.
Все добавляется, все выводится.
Помогите пожалуйста как вывести одну (первую) картинку из галереии.
Второй момент как вставить в данный код слайдер slick. Слайдер работает с div-ами. Как из данного кода вычленить дивы не знаю.
Заранее спасибо!

Со слайдером решил может кому поможет. Поставил fancybox 3
<div class="">
	<?php
$field = get_post_meta( get_the_ID(), 'multiupload', true );
foreach ($field as $imgurl) {
	if($imgurl != ''){
		echo "<a data-fancybox=\"image\" href='".$imgurl."'><img src='".$imgurl."' height=\"100px\"/></a>";
	}
}
?>
</div>


Но. Нет главной большой картинки. Как одинокой так и в галерее.
  • Вопрос задан
  • 217 просмотров
Подписаться 1 Оценить Комментировать
Решения вопроса 1
@latipov_no_1 Автор вопроса
Может кому понадобиться. Реализовал через fancybox 3.
<?php
$field = get_post_meta( get_the_ID(), 'multiupload', true );
$image  = $field[0];
unset($field[0]);
 // get first image in the gallery [1] for second, [2] for third, and so on.
if( $image ) {
	echo "<a  data-fancybox=\"image\" href='".$image."' class=\"bimgs img-reponsive\"><img  src='".$image."'/></a><br><br>";
}
foreach ($field as $imgurl) {
	
	if($imgurl != 'none'){
		echo "<a data-fancybox=\"image\" href='".$imgurl."'><img class=\"mimgs\" src='".$imgurl."' height=\"100px\"/></a>";
	}
}

?>
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Если вы используете плагин ACF:

<?php if ( $slides = get_field('multiupload') ): ?>
	<div class="slick">
		<?php foreach ( $slides as $slide ): ?>
			<div>
				<?php echo $slide['url']; ?>
			</div>
		<?php endforeach; ?>
	</div>
<?php endif; >
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы