Can you please help me on how I can change the height ? Thanks
{capture name="slider_template" assign="slider_template"}
{literal}
{if isset($_items)}
{foreach from=$_items item="row"}
<li><a href="{$jamroom_url}/{$row.profile_url}/{jrCore_module_url module="jrGallery"}/{$row._item_id}/{$row.gallery_title_url}">{jrCore_module_function function="jrImage_display" module="jrGallery" type="gallery_image" item_id=$row._item_id size="xxlarge" crop="auto" alt=$row.gallery_image_name title=$row.gallery_image_name style="max-width:725px;"}</a><p class="caption"><a href="{$jamroom_url}/{$row.profile_url}/{jrCore_module_url module="jrGallery"}/{$row._item_id}/{$row.gallery_title_url}"><span style="color:#FFF;">{$row.gallery_image_name}</span></a></p></li>
{/foreach}
{/if}
{/literal}
{/capture}
<script type="text/javascript">
$(function () {
$("#slider1").responsiveSlides({
auto: true, // Boolean: Animate automatically, true or false
speed: 400, // Integer: Speed of the transition, in milliseconds
timeout: 4000, // Integer: Time between slide transitions, in milliseconds
pager: true, // Boolean: Show pager, true or false
random: true, // Boolean: Randomize the order of the slides, true or false
maxwidth: 725, // Integer: Max-width of the slideshow, in pixels
pause: true, // Boolean: Pause on hover, true or false
namespace: "rslides" // String: change the default namespace used
});
});
</script>
<div class="block_content">
<div id="swrapper" style="padding-top:10px;">
<div class="callbacks_container">
<div class="ioutline">
<ul id="slider1" class="rslides callbacks">
{jrCore_list module="jrGallery" order_by="_item_id desc" limit="10" template=$slider_template require_image="profile_image"}
</ul>
</div>
</div>
<div class="clear"></div>
</div>
</div>
updated by @ilker: 01/10/17 07:40:59PM