Sebobo / jquery.rondell

A jQuery plugin for displaying stuff in a highly customizable carousel.
http://projects.sebastianhelzle.net/jquery.rondell/
MIT License
54 stars 11 forks source link

changing the width and height #6

Open jlokesh opened 8 years ago

jlokesh commented 8 years ago

This is really awesome work bro. :+1:
First of all thanks for the code. :) I have a small doubt. I'd like to change the key values of radius, center, width and height of the images. how to do this this.? I have five images in my slide and they are looking very small compared to the window.

Daimonion1980 commented 8 years ago

Hi. I want do the same.

I want to use the slider with an min width of 1025px length and 272px height.

i tried it by using the size attribute

<script type="text/javascript">
    $(function() {
        $('#MenuSlider').rondell({
            preset: 'slider',
            size: { width: 1025, height: 272 },
            lightbox:{enabled: false,displayReferencedImages:false}
        });
    });
</script>

but this only expands the div container but not the images.

Is there any option or flag which can be set?

Daimonion1980 commented 8 years ago

I found something that helped me:

with Options Site you can handle the size of the parent container and with option itemproperties you can handle the size of every child container.

Here is my working call function:

<script type="text/javascript">
    $(function() {
        $('#MenuSlider').rondell({
            preset: 'slider',
            zIndex:10,
            radius: {x:0,y:0},
            size: {width:1025,height:250},
            center: {left:512,top:170},
            lightbox:{enabled:false,displayReferencedImages:false},
            itemProperties: {delay: 0,size: {width:1025,height:245},sizeFocused:{width:1025,height:245}}                
        });
    });
</script>