Joomla Templates Club 406,261 posts

[w00tsite Friend w00tsiteJoin date: October 2012Posts: 14Downloads:0Uploads:3 Thanked: 1 times in 1 posts]

#185588

I am having trouble getting my slideshow to work how I need it to.

Currently the images that are in portrait orientation are being stretched to match the width of the slideshow. I would like the images to not be stretched so that I can see the entire height of the portrait images. I tried to make some edits but it rendered my child menus broken on the front page (slideshow page).

Any help would be appreciated.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#485679

Hi,

In backend settings of this JA Slideshow Lite module, you can set the Main item height and Main item width to Auto so that the source image will be used.

Please give it a go.

[w00tsite Friend w00tsiteJoin date: October 2012Posts: 14Downloads:0Uploads:3 Thanked: 1 times in 1 posts]

#485721

Thank you for your response.

The settings were already set to auto/auto. Any other suggestions?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#485967

Hi,

It seems that the CSS rule of this JA Slideshow Lite module set the max-height for the div displaying the image, you can try opening file: /templates/ja_lens/css/mod_jaslideshowlite.css , line 13

.ja-ss-wrap {
max-height: 720px; <<< change to a greater value
overflow: hidden;
position: relative;
width: 100%;
z-index: 1;
}

you can change the max-height value to your desired value, as I can see via your site, images in this slideshow module have different height.

[w00tsite Friend w00tsiteJoin date: October 2012Posts: 14Downloads:0Uploads:3 Thanked: 1 times in 1 posts]

#486216

All that seems to do is change the boundary of the images. I want the portrait images to respect the height restriction so that the entire image is view able with a height of 720px. They will also keep their scale so the width of the images will decrease.

I have removed all the landscape images so you can see when the entire image is displayed.

Hope that makes sense.

[w00tsite Friend w00tsiteJoin date: October 2012Posts: 14Downloads:0Uploads:3 Thanked: 1 times in 1 posts]

#486707

Any update on this? I tried adding a transparent background to the portrait size images. They look fine when viewing on a normal sized screen but when I pull it up on the phone, the image is extremely small.:((

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#487113

Hi,

Do you mean the background added in mod_jaslideshowlite.css file?

.ja-ss-item img {
background: #FFF;
width: 100%;
}

Could you pm me admin and FTP account and send me screenshot of how you want to achieve?

[Author]

Posts