Tons of white space below jssor slider - jssor

I have searched on here for this answer and haven't found a specific answer for this.
Here is the url
http://billcorbitt.com/TimYoung/index.html
I finally go the images to show properly, but I cannot get rid of the excess white space below the images. I would greatly appreciate help here. Please note I'm a novice at this so please explain like I'm a five-year-old. LOL.
I've tried numerous settings and cannot get anything to work.
Thank you in advance.

I think you can specify the same size for both 'outer container' and 'slides' container.
<div id="jssor_1" style="position:relative;margin:0 auto;top:0px;left:0px;width:1300px;height:1100px;overflow:hidden;visibility:hidden;">
<div data-u="slides" style="cursor:default;position:relative;top:0px;left:0px;width:1500px;height:800px;overflow:hidden;">
Change size of both elements above to either 1300x100 or 1500x800.

Related

How to render first slide and render other slides in $timeout?

I have some slides, maybe 20 or more than, in ion-slide-box, and each slide has ion-view tag, and some slides has an image, which can zoom. I meet some difficulty that when I click an button to show the ion-slide-box on ion-view, it needs waiting some time. Some I want to render the first slide and render others in $timeout. But I don't know how to do it.
Is there anyone who knows how to achieve it? Thanks a lot.
SUPPLEMENT:
I think I found a way to solve the problem.

How to change icon image on onErrorType

After a lot of searching I have to ask.
Is there a way to change the default icon for missing images in JasperReports?
If so anyone have a link for me?

WebFont monotype causes white screen onLoaded

Today we went online with www.polypod.net and we're having the problem that, when the font has loaded, the screen gets completely white for a while (1-2 seconds) and then the website is drawn. Loading fonts is always an issue so we have the opacity of the page on 0 till we really have the font loaded and then make a smooth fade in.
What worked during production is now broken and we're kind of stuck why that is.
We don't have this behavior when we comment out the monotype font.
Does anyone have experience with this problem?
Thanks in advance!
Thomas
I was running into a problem called 'FOUT' short for 'Flash of unstyled texts'. Gotta love the internet for it's acronyms making it nearly impossible to find common problems. -.-
Here is a link to prevent this from the font provider we used
http://www.fonts.com/support/faq/fout
After all this there were still some occurrences of a white screen. A loaded script sets the html to visibility: none; so I changed the visibility of html to visibility: visible !important;.

progress bar positioning

#haehn Hi Haehn
I'm using GWT with XTK. And I have been successful in using "min-height:100%" trick in the to get XTK going in the GWT app. Now everything is working, except the fact that the progress bar is positioned right below the black area.
In one of the posts you mentioned something about using position:relative to make it appear in the center of the black area. But that trick didnt help me in my case. Actually, I'm not quite sure if I followed your explanation properly in that post. A quick glance through the XTK code base didn't light any blubs either.
A little help here?
thanks
There is a new way to define CSS for the progress bar: overload the CSS class xtk-progress-bar. Any style gets automatically applied to the progress bar.
this is a tough one - you have to play with the css style. if you figure out the problem, please let us know!

Horizontally transition on Fancybox 2

I need a help with Fancybox 2 about the images transition. The script is creating the transitions vertically, and I would like that the transitions were from right to left, like most of lightbox scripts found on the web. I only found a explanation but it was not "right-to-left" but "left-to-right".
Does anybody have a tip or solution for this issue?
Thanks.
In the .js, look for these 3 strings
(g.top=n(parseInt(g.top,10)-200),i.top="+=200px")
and
f.top="+=200px"
What was done
this was the changes I've done to achieve a horizontal transition.
for the first string,
(g.top=n(parseInt(g.top,0)-0),i.left="+=0px")
and for the 2nd string,
f.left="+=200px"
hope this helps!