is it possible to have the "full screen" images not be covered by the botton controls an the gallery thumbs?
background gallery not under arrowslidecontrolls_fullscreen element
7 posts from 3 voices-
Posted 1 year ago #
-
Hi!
You can hide the thumbnails bar with following css code - I'd add it to css/custom.css:
.avia_fullscreen_slider_thumbs { display: none !important; }Regards,
PeterPosted 1 year ago # -
ok, i don't want to hide the thumbnails, i want the "fullscreen image" to be full-height minus thumbnails bar-height
Posted 1 year ago # -
i beautified "/js/avia_fullscreen_slider.js" and my modification needs some work in the addCanvas: function.
if (c.options.cropping) {
if (winRatio < imgRatio) {
final['height'] = e;
final['width'] = (e / img_h) * img_w
} else {
final['width'] = win_w;
final['height'] = (win_w / img_w) * img_h
}
} else {
if (winRatio > imgRatio) {
//final['height'] = (e);
final['height'] = (e-45);
final['width'] = (e / img_h) * img_w
} else {
final['width'] = win_w;
final['height'] = (win_w / img_w) * img_h
}
}
//final['offset_top'] = (final['height'] - e) / -2;
final['offset_top'] = ((final['height'] - e) / -2) - 45;now i have to test for the gallery thumbnails, because I only want this when the thumbnails are visible.
background: my client is an artist an artists don't like layering above their work.
Posted 1 year ago # -
here is an example: http://wp.robertschad.eu/sculptures/outdoor-spaces/
Posted 1 year ago # -
please try the following: open avia_fullscreen_slider.js in your js folder and in the minified code search for:
div_h=a.window.height()
change it to:
div_h=a.window.height()-66
that should modify the image height so the image is a little smaller (66px which is the height of the thumbnail bar)
in case the image is not alligned properly it might be possible to reduce the center position which is defined a few lines later at:
(a.currentImage.height()/2)+'px'
to
((a.currentImage.height()-66)/2)+'px'
Posted 1 year ago # -
nope, your solution ist not doing the trick. this works:
} else { if (winRatio > imgRatio) { //final['height'] = (e); final['height'] = (e-66); final['width'] = (e / img_h) * img_w } else { final['width'] = win_w; final['height'] = (win_w / img_w) * img_h } } //final['offset_top'] = (final['height'] - e) / -2; final['offset_top'] = ((final['height'] - e) / -2) - 33;Posted 1 year ago #
Topic Closed
This topic has been closed to new replies.














