Bug. Why height=0? Not displayed background slideshow.

[NKozlov]

I have a project where I use vegas. U can see demo here: http://nkozlov.github.io/wedding-page/ .
Sometimes (rarely) when you refresh the page (press F5 or ctrl+R) slide show is not displayed, because for some reason, the height of the container becomes equal to 0. I absolutely can not understand what the problem is. I think that the problem in the vegas. Can u solve it?

[NKozlov]

I made a screenshot, link below:
https://drive.google.com/file/d/0B3NeA-V9rSEmczc2cE1RWmF2MXc/view?usp=sharing

[jaysalvat]

Hello,

The height of your container is in %. It can't work.
Vegas can't create the height of the Vegas inner container properly with %.

The question is why does it work sometimes.

[NKozlov]

I do not quite understand what kind of container u tell me. Is it "photoBox-container"?
How, then, to use the Vegas to make a slideshow in not-full screen, but on the inner container, and the height should be responsible (%)?

For example:

<div class="container">
    <div class="header">
        Title header
    </div>
    <div class="here_i_want_use_vegas_height_65%">
    </div>
    <div class="other_info">
    </div>
</div>

[jaysalvat]

I'm afraid it's impossible with height in %.
Sorry.

[NKozlov]

Can you enhancement the vegas?

[jaysalvat]

I will investigate but I'm afraid not.

Try to force your css height with !important;

[jaysalvat]

So?
Does it work with forcing css height?

[bennyzen]

same here. .vegas-slide gets always a height of 0px. i followed your suggestion and set the height of the container to 600px forcing it as !important. all slides keep getting a height of 0.

the funny part here is that it works before using 'grunt build'. as soon as the source gets uglified / minified the height of the slides becomes 0px. no error or warning is output to console and all images get loaded properly.

edit: just rechecked anything and found out that the css was not included by the build-process. sorry, mea culpa.

[jaysalvat]

Thanks for your feedbacks.

Can I close the issue now?

[NKozlov]

% height does not work stable. Only fixed height for container. If u can fixed this issue in the future thats good! Thx!

[bennyzen]

why don't you try to use something like 50vh as height? it's proportional and it works. at least for me it did the trick.

[rsmith4321]

I don't think that is an issue its prob a misunderstanding of css. You need
to use vh like 100vh will fill the viewport.

On Wednesday, June 10, 2015, Nikita Kozlov [email protected] wrote:

% height does not work stable. Only fixed height for container. If u can
fixed this issue in the future thats good! Thx!

—
Reply to this email directly or view it on GitHub
#83 (comment).

---

Ryan Smith
http://www.myrtlebeachphotography.org

[rsmith4321]

The plugin works perfectly well you need to check out the examples and
figure out what you are doing wrong. Just copy the example.

On Wednesday, July 1, 2015, Slava [email protected] wrote:

.vegas-slide-inner is at 0 as well.

—
Reply to this email directly or view it on GitHub
#83 (comment).

---

Ryan Smith
http://www.myrtlebeachphotography.org

[apurvpatel]

Hi
not rotate slide

[apurvpatel]

[apurvpatel]

[apurvpatel]

Vegas slider