logo-carousel-shortcode.php

<?php

function factorian_logo_carousel_shortcode($atts, $content = null){
    extract( shortcode_atts( array(
        'logos' => '',
        'loop' => 'true',
        'desktop_count' => '5',
        'tablet_count' => '3',
        'mobile_count' => '2',
        'nav' => 'true',
        'dots' => 'true',
        'autoplay' => 'true',
        'autoplaytimeout' => 5000,
    ), $atts) );

    $logo_ids = explode(',',$logos);

    $factorian_logo_carousel_markup ='
    <script>
        jQuery(document).ready(function($){
            $(".factorian-logo-carousel").owlCarousel({
                items: 5,
                loop: '.$loop.',
                autoplay: '.$autoplay.',
                autoplaytimeout: '.$autoplaytimeout.',
                nav: '.$nav.',
                dots: '.$dots.',
                navText: ["<i class=\'fa fa-angle-left\'></i>","<i class=\'fa fa-angle-right\'></i>"]
            });
        });
    </script>
    ';
    $factorian_logo_carousel_markup .='
    <div class="factorian-logo-carousel">';

    foreach($logo_ids as $logo){
        $logo_array = wp_get_attachment_image_src($logo, 'large');
        $factorian_logo_carousel_markup .='
            <div class="factorian-logo-item-table">
                <div class="factorian-logo-item-tablecell>
                    <img src="'.$logo_array[0].'" alt=""/>
                </div>
            </div>
        ';
    }

    $factorian_logo_carousel_markup .='
    </div>
    ';

    return $factorian_logo_carousel_markup;
}
add_shortcode('factorian_logo_carousel','factorian_logo_carousel_shortcode');