-
Posts
-
(I thought I had posted my question yesterday, but today I found no topic in my “Topics Started” page in my profile so I assume that I made some mistake and didn’t post it. Do excuse me in the off case that I’m double posting this)
Hello,
I am using the fullwidth easy slider and I would like to change it’s behavior – hope you could help me.
There is a problem when you want to display both horizontal and vertical images, say 800×600 and 600×800. Then the controls change place from one picture to the next. I can circumvent this by adding dead space to the images and making them all 800×800, but there should be a way to change the javascript to do it for me, that is force the container to be square (and still be dynamic). Something like setting the container width and height to the maximum of (resized_image_width, resized_image_height). Would you have any pointers on where I should start looking? Or maybe there is another solution to this problem that I’m unaware of
Thanks in advance.
Hey AlexKK!
You can define a minimum height for the slider and the slider inner container:
.avia-slideshow-inner, .avia-fullwidth-slider { min-height: 800px; }Best regards,
IsmaelThank you for your answer.
It’s not what I’m after exactly. Let me describe it in detail and maybe you would have some suggestions on where I should start looking to program it.
– The div image container stays square at 800×800 or less (dynamically resized so that all images are fully visible inside the current window size and don’t overflow it, causing the need to scroll)
– Horizontal pictures are vertically aligned to the middle of the div
– As a result the “next/previous” arrow controls stay at the same place throughout the slideshowThanks again
Edit: Let me just add that doing the same with the lightbox instead of the fullwidth slider is also good for me, would that be easier to program?
- You must be logged in to reply to this topic.