Owl Carousel does not respect Image Styles as set in node display in custom node file I am trying to get owl carousel to respect the image style declared in the manage display setting for the content type. The code I used to output in the node is:

&lt;div class="owl-carousel owl-theme nav-inside box-shadow-custom mt-xl" data-plugin-options='{"items": 1, "margin": 10, "animateOut": "fadeOut", "autoplay": true, "autoplayTimeout": 3000}'&gt;
            &lt;?php foreach($image as $value):?&gt;
                &lt;div&gt;
                    &lt;img src="&lt;?php print file_create_url($value['uri']);?&gt;" class="img-responsive"  alt=""&gt;
                &lt;/div&gt;
            &lt;?php endforeach;?&gt;
        &lt;/div&gt;


This renders the slides all different sizes and makes it have a background and causes it to look bad. Does anyone know how to in a custom node file make it respect the image style that I have created that cause it to scale and crop the images. Thanks.
Just to summarize my comments:
 1. after getting the images' URLs, you can run them by image_style_url() function to get the URLs to the styled images. 
 2. you need to update the foreach() function to include an index such as foreach($image as $key=&gt;$value), and use the $key index to loop through the image array.