- Posts: 5
- Thank you received: 0
Hot Image slider gets pushed to the left
-
short
Inactive member - Topic Author
- New Member
Less
More
13 years 1 week ago #13035
by short
Hot Image slider gets pushed to the left was created by short
Hi There,
I'd like to use the Hot Imageslider full widht of the page.
Now when I set the width of the slider to 2000px and height to say 600px,
The images (or the whole slider) get pushed to the left as I zoom in or view it on a smaller screen)
I'm not sure if this is the slider or the modulepostion in the template, but I can't seem to get it to centre and overflow the sides.
All help much appreciated.
I'd like to use the Hot Imageslider full widht of the page.
Now when I set the width of the slider to 2000px and height to say 600px,
The images (or the whole slider) get pushed to the left as I zoom in or view it on a smaller screen)
I'm not sure if this is the slider or the modulepostion in the template, but I can't seem to get it to centre and overflow the sides.
All help much appreciated.
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
13 years 1 week ago #13046
by ivan.milic
Replied by ivan.milic on topic Re: Hot Image slider gets pushed to the left
can we see link?
Please Log in to join the conversation.
-
short
Inactive member - Topic Author
- New Member
Less
More
- Posts: 5
- Thank you received: 0
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
13 years 6 days ago - 13 years 6 days ago #13110
by ivan.milic
Replied by ivan.milic on topic Re: Hot Image slider gets pushed to the left
Well, as I understand you would like to change dimensions dynamically ? css wont help, you must do some scripting. Add this some ware in index.php of template:
<script type="text/javascript">
jQuery(window).resize(function () {
var left = Math.ceil((jQuery(window).width() - jQuery('#header_hotslider').innerWidth()) / 2);
jQuery('#header_hotslider').css({'position':'relative',
'left': String(left) + 'px'
});
});
</script>
<script type="text/javascript">
jQuery(window).resize(function () {
var left = Math.ceil((jQuery(window).width() - jQuery('#header_hotslider').innerWidth()) / 2);
jQuery('#header_hotslider').css({'position':'relative',
'left': String(left) + 'px'
});
});
</script>
Last edit: 13 years 6 days ago by ivan.milic.
The following user(s) said Thank You: short
Please Log in to join the conversation.
-
short
Inactive member - Topic Author
- New Member
Less
More
- Posts: 5
- Thank you received: 0
13 years 6 days ago - 13 years 6 days ago #13111
by short
Replied by short on topic Re: Hot Image slider gets pushed to the left
Hi ivan.milic,
Thanks for helping out.
The slider gets pushed to the right not left, my bad,
I placed your script under the other <script type="text/javascript"> in the index.php of the template.
It did not do the trick tho
Thanks for helping out.
The slider gets pushed to the right not left, my bad,
I placed your script under the other <script type="text/javascript"> in the index.php of the template.
It did not do the trick tho
Last edit: 13 years 6 days ago by short. Reason: extra info
Please Log in to join the conversation.
-
short
Inactive member - Topic Author
- New Member
Less
More
- Posts: 5
- Thank you received: 0
13 years 6 days ago - 13 years 6 days ago #13112
by short
Replied by short on topic Re: Hot Image slider gets pushed to the left
It seems that it's the div class="module_slider, because if i put an image in the same spot, it does the same thing.
Can a modulepostion be out side of de monitor screen on both sides?
Can a modulepostion be out side of de monitor screen on both sides?
Last edit: 13 years 6 days ago by short.
Please Log in to join the conversation.
Time to create page: 0.225 seconds