Must Read: New Unified System is officially live Must Read     |   6 Templates Updated (27 April 2018) Read more

Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Resize Slideshow image

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hi all,
I havve problem with slideshow here (www.toponomasticafemminile.com/sito/)
I need to have image that fits 100% on x-axis and consequentely on y-axis so it won't be cut in no dimension and conserve the proportion in both axis (even if it can be stretched to fit the container...)
I tried all parameters combination with no result...
Can you please help?
Thanks as always
Vivaldo
  • Sindacato CIDA Banca Centrale's Avatar
  • Sindacato CIDA Banca Centrale
  • 12 Month basic
  • 35 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
Hi

You are using the zentools2 backstretch slideshow which works using background images so the behaviour is that the image dis

You are wanting an image that maintains its dimensions as the screen reduces in size - is that correct?

Cheers
Paul
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul
I'd like an image that fills the screen in width (if needed stretching but not distorting), with preserved proportions (so without cut in no dimension)
Thanks Paul.
  • Sindacato CIDA Banca Centrale's Avatar
  • Sindacato CIDA Banca Centrale
  • 12 Month basic
  • 35 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
Hi

With an image being set as fullscreen means the image will vary in size depending on screen width

With the backstretch it does use css as a background image which means it will act using the background image behaviour

It is a trade off - the images that do work best are more abstract images
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi
yes Paul... there is no problem if it willl vary... the only problem is if it crops some part... how can I arrange it?
Thanks
  • Sindacato CIDA Banca Centrale's Avatar
  • Sindacato CIDA Banca Centrale
  • 12 Month basic
  • 35 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
I mean, the important is that the image can be seen for complete in the page (x and y) with x dimension driving; there would be no problem to use a specified format (for example 1920x1080 as in the demo site...)
Thanks again
  • Sindacato CIDA Banca Centrale's Avatar
  • Sindacato CIDA Banca Centrale
  • 12 Month basic
  • 35 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
An image will either resize in proportion to height and width e.g. as width reduces so does the height or using a background image areas that won't fit on the screen will not display

It becomes complicated if you want to preserve height and width as this makes the image unresponsive

Cheers
Paul
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul,
I just want to preserve the proportions of the image and have it completely on screen: as soon as I can do it I will pubblish my site...
Can you please help?
Thanks as always...
  • Sindacato CIDA Banca Centrale's Avatar
  • Sindacato CIDA Banca Centrale
  • 12 Month basic
  • 35 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
Hi Paul
I used the Carousel layout and it does the work...
The only problem now is that the title of the article is shown only under the slide and if you pass on it with the mouse.
Could it be always shown on the image (and with a background as in slideshow-backstretch)?
Thanks
  • Sindacato CIDA Banca Centrale's Avatar
  • Sindacato CIDA Banca Centrale
  • 12 Month basic
  • 35 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
Hi

Can I just double check you are still having this problem

As I can see the text in top left corner

Cheers
Paul
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Thanks Paul,
I changed in css and seems to work... waiting for comment from user... I ll let you know...
Thanks again
  • Sindacato CIDA Banca Centrale's Avatar
  • Sindacato CIDA Banca Centrale
  • 12 Month basic
  • 35 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
Best of luck with it

Cheers
Paul
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul,
just one question: the user want to see the title even on mobile view (now it is not...)
How can I do it?
Thanks in advance
  • Sindacato CIDA Banca Centrale's Avatar
  • Sindacato CIDA Banca Centrale
  • 12 Month basic
  • 35 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
Hi

Looking at the site

You would need to adjust the css you added as custom css via media queries

Cheers
Paul
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Thanks Paul, should I use a different field from title to have it displayed or I'm obliged to use media queries? Can you please give me some indication?
Thanks again...
  • Sindacato CIDA Banca Centrale's Avatar
  • Sindacato CIDA Banca Centrale
  • 12 Month basic
  • 35 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
You would need a media query

Are you familiar with how to do this?

Cheers
Paul
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Paul... not so much... some hints?
Thanks as always
  • Sindacato CIDA Banca Centrale's Avatar
  • Sindacato CIDA Banca Centrale
  • 12 Month basic
  • 35 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
Try something like

#zentools-1184 .zt-item-container {
position: absolute !important;
width: 500px !important;
background-color: black !important;
top: 200px !important;
padding-left: 50px !important;
}

@media (max-width:420px) {
#zentools-1184 .zt-item-container {top: 150px !important;}
#bannerwrap h2 {font-size:1.5em}
}
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I've added the zentools id for the module to make the style more specific

Cheers
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers