How to prevent image overlay with Nivo slideshow module?

Phoca Gallery modules - modules for Phoca Gallery extension
borus
Phoca Enthusiast
Phoca Enthusiast
Posts: 65
Joined: 29 Jan 2012, 14:43
Contact:

How to prevent image overlay with Nivo slideshow module?

Post by borus »

Hello, Jan and friends.

Thank you for your work.
Using J 2.5.9+PG 3.2.3+Phoca Gallery Slideshow Nivo Module. Trying to vivify(animate) site. When adjacent images have different size overlay occurs:
Image

How to prevent image overlay?
Last edited by borus on 05 Apr 2013, 09:38, edited 1 time in total.
borus
Phoca Enthusiast
Phoca Enthusiast
Posts: 65
Joined: 29 Jan 2012, 14:43
Contact:

Re: How to prevent image overlay with Nivo skideshow module?

Post by borus »

I've applied this style

Code: Select all

#pgsnivo-slider{
    width:210px !important;
    height:210px !important;
    background-size:contain !important;
}
and now background image begin to occupy full slider area only before image changing

Do you have any ideas how to make images occupy all restricted area of a slider from that moment when they have appeared after photo changing?
borus
Phoca Enthusiast
Phoca Enthusiast
Posts: 65
Joined: 29 Jan 2012, 14:43
Contact:

Re: How to prevent image overlay with Nivo skideshow module?

Post by borus »

Now i have removed all div with nivo-box class and it looks normal but without any listing effects :)
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48386
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: How to prevent image overlay with Nivo slideshow module?

Post by Jan »

Hi, you need to create specific category for the slideshow and make for it specific large thumbnails. See:
https://www.phoca.cz/documents/67-phoca- ... ideshow116

Jan
If you find Phoca extensions useful, please support the project
Post Reply