Slider using SiteBuilder template code widget

sekeri
sekeri
@ilker
8 years ago
334 posts
I am using SiteBuilder template code widget to show a slider in the homepage. I want to use my own images instead of profile images which is okay. I need to adjust the height of this slider but it is always fixed.

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
douglas
@douglas
8 years ago
2,790 posts
It has been a while since I've looked at the CSS file for the image slider, but I do believe the height is set in the slider.css file.

Hope this helps!


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos

Tags