Slideshow as full page background
Hello,
i created a slideshow as full page background, but the alignment don't work.
If i use the alignment 'bottom left' then the picture should started on left side. But the picture is aligned in the center. The element style contains margin-left.
Here the code:
Whats wrong?
i created a slideshow as full page background, but the alignment don't work.
If i use the alignment 'bottom left' then the picture should started on left side. But the picture is aligned in the center. The element style contains margin-left.
Here the code:
Code:
<img src="/images/Slider/TodEinesHandlungsreisenden_DeutschesTheaterBerlin_cArnoDeclair_1.jpg" class="imgLoaded" data-alignment="bottomLeft" data-portrait="" width="1920" height="1285" alt="Wir inszenieren unsere Webseite neu" style="visibility: visible; height: 1215px; margin-left: -652.204px; margin-right: -652.204px; margin-top: -291.003px; position: absolute; left: 0px; top: 0px; width: 1815.41px;">
Whats wrong?
by teccrow
Please Log in or Create an account to join the conversation.
Hi
please give me the url of your page so that I can check
CEd
please give me the url of your page so that I can check
CEd
Joomlack Webmaster and Developer
by ced1870
Please Log in or Create an account to join the conversation.
Thanks!
Can i send you a private message? I want like to send you a login. The website is not public yet.
Can i send you a private message? I want like to send you a login. The website is not public yet.
by teccrow
Please Log in or Create an account to join the conversation.
yes you can use the contact form :
www.joomlack.fr/en/contact
www.joomlack.fr/en/contact
Joomlack Webmaster and Developer
by ced1870
Please Log in or Create an account to join the conversation.
The website is online now.
Link
.
All websites have a background slideshow. I do not like the behavior when changing the browser size, as parts of the image are trimmed unnecessarily. On the start page you can see this when resizing well. In the smartphone view, too much is removed at the top and bottom. The picture zooms out, why?
Unfortunately, the alignment does not work correctly. Alignment from the left makes no difference to the right orientation. That does not seem to work correctly. The best setting is top right and top center.
if I use this code, the alignment and the resize are okay
Can I correct this with CSS for the slideshow?
All websites have a background slideshow. I do not like the behavior when changing the browser size, as parts of the image are trimmed unnecessarily. On the start page you can see this when resizing well. In the smartphone view, too much is removed at the top and bottom. The picture zooms out, why?
Unfortunately, the alignment does not work correctly. Alignment from the left makes no difference to the right orientation. That does not seem to work correctly. The best setting is top right and top center.
if I use this code, the alignment and the resize are okay
Code:
<body style="background-image: url(/test.jpg);background-size: cover;height: 100vh;background-position: left;">
Can I correct this with CSS for the slideshow?
by teccrow
Please Log in or Create an account to join the conversation.
Hi
the slideshow does not use a background image, this is positioned by javascript. I have to work on this request. I will let you know
CEd
the slideshow does not use a background image, this is positioned by javascript. I have to work on this request. I will let you know
CEd
Joomlack Webmaster and Developer
by ced1870
Please Log in or Create an account to join the conversation.
Time to create page: 1.001 seconds