Open jlokesh opened 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?
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>
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.