Use it as full page background

gmarchetto
Topic Author
Offline
New Member

8 years 6 months ago - 8 years 6 months ago #34829 by gmarchetto

Use it as full page background was created by gmarchetto

After upgrading to the latest 1.4.31 version I haven't anymore the desired rendering with fullscreen slideshow.
Before, the background size was always 100% width and resized correctly (height in my 16:9 backgroung images set as 56,25%.)

Now the backgroung images cover all the fullscreen area, and the image are not resized.
I have not changed any parameter.

Sounds like 'Adjust the images' is not working (why the yes button of this option is red instead of green?)

LINKS
Old version (works):
www.vicenzafilmcommission.com/

New version (does not work):
www.vicenzasportcommission.com

OLD VERSION

Code:

<div class="cameraSlide cameraSlide_0" style="visibility: visible; z-index: 1; margin-left: 0px; margin-top: 0px; display: none;"><img src="/images/home-background/produzione-indiana-terrazza-basilica.jpg?1462468940805" class="imgLoaded" style="visibility: visible; height: 632px; margin-left: -0.277778px; margin-right: -0.277778px; margin-top: 0px; position: absolute; left: 0px; width: 1123.56px;" data-alignment="" data-portrait="" width="1920" height="1080"><div class="camerarelative" style="width: 1123px; height: 632px;"></div></div>

NEW VERSION

Code:

<div class="cameraSlide cameraSlide_0 cameracurrent" style="visibility: visible; z-index: 999; display: block; margin-left: 0px; margin-top: 0px;"><img src="/images/home-background/primavera/ciclisti-colli-berici.jpg?1462468904898" class="imgLoaded" style="visibility: visible; height: 949px; margin-left: -285.66px; margin-right: -285.66px; margin-top: 0px; position: absolute; left: 0px; top: 0px; width: 1694.32px;" data-alignment="" data-portrait="" width="1920" height="1080"><div class="camerarelative" style="width: 1123px; height: 629px;"></div></div>

Attachments:

Last edit: 8 years 6 months ago by gmarchetto. Reason: add image

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator

8 years 6 months ago #34844 by ced1870

Replied by ced1870 on topic Use it as full page background

the new website url does not want to load by my side ...

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

gmarchetto
Topic Author
Offline
New Member

8 years 6 months ago #34846 by gmarchetto

Replied by gmarchetto on topic Use it as full page background

Pls try again the site is up for me...
www.vicenzasportcommission.com
thanks

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator

8 years 6 months ago #34848 by ced1870

Replied by ced1870 on topic Use it as full page background

ok I got it
the new behavior is correct
on the old website your image does not cover the entire screen when the image has a smaller height
Now it looks for the image to always be 100% height and 100% width, and when needed it crops to keep the correct ratio aspect

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

gmarchetto
Topic Author
Offline
New Member

8 years 6 months ago #34851 by gmarchetto

Replied by gmarchetto on topic Use it as full page background

Thanks
How can I do to mantain the old behavior (I need this)?
I usually do CSS override.

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator

8 years 6 months ago #34853 by ced1870

Replied by ced1870 on topic Use it as full page background

this is managed via javascript
the old behavior was not full-background, there was some empty space

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

Time to create page: 0.231 seconds