Así que he estado tratando de agregar el carrusel como un código abreviado, pero cada vez que lo intento, termina fallando o no se muestra.
function flexslider_js() {
$images = get_field('gallery');
if( $images ): ?>
<div id="carousel" class="flexslider">
<ul class="slides">
<?php foreach( $images as $image ): ?>
<li>
<img src="<?php echo esc_url($image['sizes']['thumbnail']); ?>" alt="Thumbnail of <?php echo esc_url($image['alt']); ?>" />
</li>
<?php endforeach; ?>
</ul>
</div>
<?php endif;
?>
<script>
// Can also be used with $(document).ready()
$(window).load(function () {
$(".flexslider").flexslider({
animation: "slide",
animationLoop: false,
itemWidth: 210,
itemMargin: 5
});
});
</script>
<?php
}
add_action('wp_head', 'flexslider_js');
