Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Nov 2011
    Posts
    23
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CarouFredSel plugin adjusting height to a really low pixel?

    That's the design in question.

    Here is my jQuery:

    Code:
    $().ready(function() {
    	// Using custom configuration
        $('#main-carousel').carouFredSel({
            items               : 3,
            direction           : "left",
            responsive          : true,
            width               : '100%',
            height              : 'auto',
            scroll : {
                items           : 1,
                easing          : "elastic",
                duration        : 1000,                         
                pauseOnHover    : true
            }
        });
    });
    My HTML:

    Code:
    		<!-- CAROUSEL -->
    		<div class="row carousel">
    			<div class="col-sm-12">
    				<script type="text/javascript" src="<?php echo __ASSET_PATH__ ?>/js/jquery.carouFredSel.min.js"></script>
    				<script type="text/javascript" src="<?php echo __ASSET_PATH__ ?>/js/jcarousel.js"></script>
    				<div id="main-carousel">
    	        
    	    			<div class="strctr-horz-left cloned">
    	                    <img src="<?php echo __ASSET_PATH__ ?>/img/swaf-hero-bus.jpg" alt="SWAF-hero-bus" title="" />
    	                    
    	                    <div class="launch-centerer">
    	                    	<a class="launch launch-white launch-gray-hover launch-carousel" href="/markets/fleet-refinishing/index.html" target="">
    	                    		<span class="content">Learn About Fleet Refinish<span class="action">&nbsp;</span></span>
    	                    	</a>
    	                    </div>
    
    	            	</div>
    
    				</div>
    			</div>
    		</div> <!-- END .CAROUSEL -->
    I have no CSS on it.. I don't understand why it's minimizing it to 40px through the plugin itself. The height will adjust since this layout is responsive. So it could minimize or maximize so I don't want to set a defined height in particular..

    Any ideas?
    Last edited by lilmousiee; 12-13-2013 at 07:00 PM.

  • #2
    New Coder
    Join Date
    Nov 2011
    Posts
    23
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I went with a different solution. However, I would love to keep this open so I could use this plugin in the future if anyone solves it =)

    BXSlider is a fantastic alternative!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •