ZX Slideshow support thread

[mvstudio]

Hello.

Thank you for the mod. I've being using it for a while with a fixed width and it was working great. I went full page about 3 weeks ago and no matter what I try it's acting up.

The images are all the same exact size (1920px x 550px). After the first image shows in the transition to the second image it looks like the second image "stretches" downward, and the same thing keeps on happening with the rest of the images. I've tried deleting all caches, deleting the images from the server, uploading new images and nothing seems to work. It adds exactly 5 pixels, so I tried modifying both margins and paddings on the CSS file, but that didn't work at all. I've read and tried all the tips found in this thread, and they don't seem to work either.

My site here byvalenti.com
I'm using the light theme, mod version 2.1 jquery 1.7.1.

Anyone knows why this is happening and how to fix it?

Thanks in advance for the help.

[Phil Lomas]

Hello.

Thank you for the mod. I've being using it for a while with a fixed width and it was working great. I went full page about 3 weeks ago and no matter what I try it's acting up.

The images are all the same exact size (1920px x 550px). After the first image shows in the transition to the second image it looks like the second image "stretches" downward, and the same thing keeps on happening with the rest of the images. I've tried deleting all caches, deleting the images from the server, uploading new images and nothing seems to work. It adds exactly 5 pixels, so I tried modifying both margins and paddings on the CSS file, but that didn't work at all. I've read and tried all the tips found in this thread, and they don't seem to work either.

My site here byvalenti.com
I'm using the light theme, mod version 2.1 jquery 1.7.1.

Anyone knows why this is happening and how to fix it?

Thanks in advance for the help.

Hi MVstudio. I have similar problem. How did you sort this on your site?

Phil

[mvstudio]

Hi Phil. We haven't. We've tried everything we could think of, even the changes mentioned in this thread, but nothing has worked. Perhaps it has to do with the responsive features?

[mvstudio]

For anyone looking to solve the issue I was having, place the jquery and jscript files in the modules>pages>index folder. I use the slider on the home page, inserted in a define page. The responsiveness now works as it should.

[DK_Scully]

I just installed the slider on a website I'm building. The install went flawlessly, and the options are showing up under Configuration/ZX Slideshow. Yes, I did remember to change False to True. LOL But...the slideshow isn't showing up on the index page. Is there some snippet of code I need to enter on define_main_page.php so it has something to hook into?

The url is www.carnaltopia.com (apologies in advance that it's an adult site). And many thanks to anyone who can help me get it running properly!

[DK_Scully]

Never mind, I figured it out. 'slide1,' you dummy! LOL Now to create reduced size graphics so they don't show up in 500x800!

[DK_Scully]

Okay, something's still not right. I changed the images to 300 px tall and re-uploaded them to the banners directory, but they're still coming out huge (and now fuzzy) on the slideshow. So I completely deleted all the banners and tried again. Same problem.

Next I opened index_home.css (in your installation files and in the one I downloaded from the server) in hopes of finding a line that allows me to specify the height of the images. No joy. There are a bunch of different "height:" lines, but none of them seem to deal with the height of the actual image.

Also I tried to open includes/templates/z_main_smart/index_home.css, per your instructions...but there isn't any such file!

Please help? Thanks!!

[DK_Scully]

Through massive experimentation and a LOT of blind luck, I finally found it. For anyone who needs to know the answer to this puzzle, I hope this helps.

includes/templates/YOUR_TEMPLATE/css/index_home.css

Lines 390-395

.nivoSlider {
position:relative;
width:40%;
height:auto;
left:160px;
overflow: hidden;

Width:40 shrinks the size of the graphic; left:160px centers it (at least on my template--it might be slightly different on other ones).