- Posts: 14116
- Thank you received: 1639
Fit image in frame
-
carterkoths
-
Topic Author
- Visitor
-
10 years 10 months ago #38239
by carterkoths
Fit image in frame was created by carterkoths
How do I adjust the image so it fits in the frame?
www.ludingtonyouthsailingschool.org/
Please Log in to join the conversation.
-
ivan.milic
Support Staff -
- Moderator
-
Less
More
10 years 10 months ago #38246
by ivan.milic
Replied by ivan.milic on topic Fit image in frame
Open:
mod_hot_image_slider_pro\tmpl\default.php
find this:
replace with:
mod_hot_image_slider_pro\tmpl\default.php
find this:
Code:
function hotImageSlider(){
var container_width = jQuery("div.hotimageslider_container").parent().width();
if ( container_width > <?php echo $maxWidth; ?>) { container_width = <?php echo $maxWidth; ?>; }
var container_height = jQuery("div.hotimageslider_container img.slide").first().height();
var border_size = <?php echo $borderWidth; ?>;
var container_real_width = container_width - border_size * 2;
var container_real_height = container_height - border_size * 2;
jQuery("div.hotimageslider_container, div#header_hotslider div#slide-holder div#slide-runner, div#header_hotslider div#slide-holder div#slide-controls, div#header_hotslider div#slide-holder img, div#header_hotslider div#slide-holder").css("width",container_real_width);
jQuery("div.hotimageslider_container, div#header_hotslider div.hotwrap, div#header_hotslider div#slide-holder, div#header_hotslider div#slide-holder div#slide-runner").css("height",container_real_height);
}
replace with:
Code:
function hotImageSlider(){
var container_width = jQuery("div.hotimageslider_container").parent().width();
if ( container_width > <?php echo $maxWidth; ?>) { container_width = <?php echo $maxWidth; ?>; }
var container_height = jQuery("div.hotimageslider_container img.slide").first().height();
var border_size = <?php echo $borderWidth; ?>;
var container_real_width = container_width - border_size * 2;
var container_real_height = container_height - border_size * 2;
jQuery("div.hotimageslider_container").css({
"width": container_width + 'px',
"height": container_height + 'px'
});
jQuery("div#header_hotslider div#slide-holder div#slide-runner, div#header_hotslider div#slide-holder div#slide-controls, div#header_hotslider div#slide-holder img, div#header_hotslider div#slide-holder").css("width",container_real_width);
jQuery("div#header_hotslider div.hotwrap, div#header_hotslider div#slide-holder, div#header_hotslider div#slide-holder div#slide-runner").css("height",container_real_height);
}
The following user(s) said Thank You: carterkoths
Please Log in to join the conversation.
Time to create page: 0.247 seconds