Search Form and Social Buttons

HotThemes Logo and Top Menu

To request a forum account, please login here and open support ticket. Only customers with active order(s) can open forum account!

× Discussion about Hot Spinner Joomla module.

Topic-icon Centralization with Module Width relative

More
4 years 10 months ago #15682 by murilotimo
hello,

I would like to put the Module Width with a relative value, eg 100%, to suit the user's window size.

But when I do, the center of rotation is decentralized.

you can do with that centralization is also on?

Please Log in to join the conversation.

More
4 years 10 months ago - 4 years 10 months ago #15710 by ivan.milic
Well position of center is defined in parameters . You can change it on widnow resize event:

jQuery(window).resize(function(){
var x = <calculetae your x>;//jQuery(window).width() - something probably
var y = <calculetae your y>;
jQuery('#container').holest_carousel('option','center',[x,y]);
});

EDIT:

Also you will need new version of spinner , eater download it again in two days of send e-mail via "Report To Moderator" to send you new files.
Last Edit: 4 years 10 months ago by ivan.milic.
The following user(s) said Thank You: murilotimo

Please Log in to join the conversation.

More
4 years 10 months ago #15782 by murilotimo
this new version will fix the centralization? That's cool! Thank you!

Please Log in to join the conversation.

More
4 years 10 months ago - 4 years 10 months ago #15803 by ivan.milic
You got new js file.
Module does not do the 100% width centralization as you want. You can center carousel by adding this css:

.holest-carousel{
margin:0 auto;
}

This will not change center point it will center spinner container.

If you want to do re-sizing, radius and center point on window resize you must add additional code like I send you in prev post:

jQuery(window).resize(function(){
var x = <calculetae your x>;//jQuery(window).width() - something probably
var y = <calculetae your y>;
var newradius = <calculate new radius>;

jQuery('#container').holest_carousel('option','center',[x,y]);
jQuery('#container').holest_carousel('option','radius',newradius);
jQuery('#container').holest_carousel('option','radius',newradius);
});


here are some more options you may want to control:

jQuery('#container').holest_carousel('option','item_height',your_value);
jQuery('#container').holest_carousel('option','item_width',your_value);
Last Edit: 4 years 10 months ago by ivan.milic.

Please Log in to join the conversation.

Time to create page: 0.112 seconds

Links, Partners and Social Media