Page 3 of 3
Re: Template by lck
Posted: Mon May 04, 2020 5:06 pm
by ustalo
most ok this
/* Slideshow mit Plugin Slideshow_XH */
.lck_slideshow {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: inherit;
margin: 0;
padding: 0;
z-index: -10;
}
.lck_slideshow img {
height: 100% !important;
width: cover !important;
}
but some distortion exist
Re: Template by lck
Posted: Mon May 04, 2020 5:53 pm
by lck
ustalo wrote: ↑Mon May 04, 2020 1:51 pm
Tabs & Accordion works. if we do not use
smoothscroll.js
Apparently the JS scripts get in the way.
Set the following values in the jQuery configuration, maybe this helps.
jQuery-config.jpg
Re: Template by lck
Posted: Mon May 04, 2020 6:00 pm
by lck
ustalo wrote: ↑Mon May 04, 2020 5:06 pm
but some distortion exist
Please,
fix all these errors first, otherwise it doesn't make sense to continue helping. Maybe this will solve some problems.
Re: Template by lck
Posted: Thu May 07, 2020 4:39 am
by ustalo
most useful decision as I see
/* Slideshow mit Plugin Slideshow_XH */
.lck_slideshow {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: auto;
margin: 0;
padding: 0;
z-index: -10;
}
.lck_slideshow img {
height: cover !important;
width: 100% !important;
}
/*add acme*/
scroll-behavior: smooth;
}
Re: Template by lck
Posted: Thu May 07, 2020 6:16 pm
by ustalo
Re: Template by lck
Posted: Thu May 07, 2020 7:14 pm
by lck
ustalo wrote: ↑Mon May 04, 2020 11:44 am
I already did/ Works
about tab & accordion
experience show, one script stop it works
<script ="text/javascript" src="<?php echo $pth['folder']['template']?>scripts/smoothscroll.js"></script>
if I comment (delete) this line, accordion & tabs works
Check out smoothscroll.js You seem to be missing the closing brackets at the end });
Is:
Code: Select all
...
$('.lck_scroll-top').click(function() {
$('html, body').animate({
scrollTop: 0
}, 800);
return false;
});
Should be:
Code: Select all
...
$('.lck_scroll-top').click(function() {
$('html, body').animate({
scrollTop: 0
}, 800);
return false;
});
});
That's probably the cause.
Re: Template by lck
Posted: Thu May 07, 2020 7:30 pm
by lck
ustalo wrote: ↑Thu May 07, 2020 4:39 am
.lck_slideshow img {
height: cover !important;
width: 100% !important;
}
width: cover; does not exist in CSS. Use:
Code: Select all
.lck_slideshow img {
height: auto !important;
width: 100% !important;
}
If this doesn't work as desired, you would have to assign an additional class for the second slideshow (shown in all other pages except startpage) and then style it accordingly, e.g.:
template.htm
Code: Select all
<div class="lck_slideshow allotherpages">
stylesheet.css
Code: Select all
.lck_slideshow.allotherpages img {
height: auto !important;
width: 100% !important;
}
Re: Template by lck
Posted: Sat May 09, 2020 10:35 am
by ustalo
there is background example
is it possible do with slideshow?
https://ringvemedia.com
https://css-tricks.com/perfect-full-pag ... und-image/
as I see it works the same on original lock template. Not possible with slideshow?
Re: Template by lck
Posted: Sun May 10, 2020 2:32 pm
by lck
No. Slideshow_XH creates the slideshow from a folder with images. But there are several templates on the web, pure "CSS background image slider" or even with Javascript, which can be easily integrated.