Bxslider - images don't show after first loading of website [closed] - image

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I've got a problem with bxslider. Everything work just fine except showing images in slider after first loading. They just don't appear. When you refresh the website and wait a while they appear.
The address of website: PC-DATA

Looking at your website code right now when you first load the page the .bx-viewport are using some inline styles. One of these inline styles is setting the height of the container to 0. If you change the height to the size you want it to (in this case I am guessing 460px) then it should show correctly the first time.
.bx-wrapper, .bx-viewport {
height: 460px !important;
}
Alternatively you can see what others did here. Hope that helps.

Related

How was this animation made? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 5 years ago.
Improve this question
i found an interesting effect on this site: https://iohk.io/
If you move your mouse around the effect will follow and change its colors, im really fascinated and wonder if there is a term for this kind of effect i can look into so i can learn how this was done.
While checking the source code i found the term "canvas", but its a huge topic.
Im not a developer myself and only know HTML/CSS right now, so please keep this in mind when answering.
Thanks in Advance.
http://vincentgarreau.com/particles.js/
That is the site from the creator, i haven't look in to it that much but all the information you need should be there.
You can use the menu to the right to change the way it looks.
Having looked at the page I initially thought of WebGL. On inspecting the page my suspicions were confirmed.
The page you linked to is using a ParticlesJS which looks like a library over WebGL. Given you are not a developer then this may be a little beyond you.

Emojis in Segmented Control [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
I have emojis used in the different segments for my Segmented Control. When I select a segment, the selected segment highlights (indicates which one was selected), and the emoji suddenly becomes all white. Is there anyway to fix this issue? Thanks!
I use follow code and it worked for me.
OC:
[segmentedControl setTitleTextAttributes:#{NSForegroundColorAttributeName:[UIColor whiteColor]} forState:UIControlStateSelected];
Swift:
let segmentedControl = UISegmentedControl(items: ["😊","😢","moon"])
segmentedControl.setTitleTextAttributes([NSForegroundColorAttributeName:UIColor.whiteColor()], forState:.Selected)
I believe this is because the coding for emoji is not compatible with UIViews.
What you can do is select Momentary for the State. It will still disappear on click but will quickly come back.
Unfortunately the segment won't stay hilighted blue like you probably want though.

Fullpage.js: Page is scrolling too fast [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I have a fullpage.js site at the following link that is made up of 2 sections: 1 with a few slides, and a second section which is very long, and which takes some scrolling to navigate.
http://www.heartpatrick.com/indexnew.html
I noticed that the second section scrolls considerably faster now after i have implemented fullpage.js compared to what it used to behave previously. This happens both on a laptop using the mouse wheel, and on my iphone. I also don't get the smooth momentum scrolling effect on my iphone anymore, different from last time.
Can you tell what did I do wrong with my codes?
Thanks all! :)
I also don't get the smooth momentum scrolling effect on my iphone anymore, different from last time.
That's an already known issue when using scrollOverflow: true as you can see in this topic.
Regarding the speed. I see it normal. If you see it in the same way in this demo, then there's nothing wrong.
Try adjusting scrollingSpeed to your liking.
Look up the Initialization section in the docs.

SVG works in Chrome, but not Firefox [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 3 years ago.
Improve this question
I've made a small SVG demo using React for drawing hex grids. It works fine in Google Chrome, but Firefox seems to have correct DOM, but is not displaying the elements. Is there anything wrong with my SVG?
http://freiksenet.github.io/hexdrawer-svg/demo/
The reason they are not rendering is that the SVG elements generated by your script have the XHTML namespace (ie. "http://www.w3.org/1999/xhtml"), when they should have the SVG namespace ("http://www.w3.org/2000/svg").
When you add elements to an SVG in Chrome it uses the SVG namespace by default, whereas FF is not as "clever".
I don't know ReactJS, so I don't know whether there is a workaround.
You can create them correctly if you use the generic DOM methods (eg. document.createElementNS() etc).
Embedding SVG into ReactJS
In the above link, Ben Alpert shows a way to include markup directly into the page without react preprocessing the element, using dangerouslySetInnerHTML.
This attribute doesn't have much documentation yet, but it is found on the following page:
http://facebook.github.io/react/docs/jsx-gotchas.html
See the following issue for more details on lack of documentation for this function: https://github.com/facebook/react/issues/413

To have no LaTeX margins for pictures [closed]

Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 9 years ago.
Improve this question
I have many types of diagrams in my paper.
I use at the moment horizontal pages to make pictures readable.
I would like to know how you can remove LaTeX margins from pages where there are pictures.
How can you have no margins for pictures in LaTeX?
Either diddle the various variables directly or use the geometry package.
LaTeX uses a lot of variable to describe the page, so setting them directly is a hassle, I really reccomend using geometry.
And remember there is a silent 1 inch margin. Moreover how close to the edge of the page you can actually print is dependent on you printer. Most won't actually let you get to the edge on any side.
The changepage package can be used to locally change the size of the area that content is put in. Documentation within the .sty file until I get around to writing a real manual.
I did this exact thing before. Here's the code:
\newenvironment{changemargin}{%
\begin{list}{}{%
\setlength{\textwidth}{\paperwidth}
\setlength{\textheight}{\paperheight}
%\setlength{\oddsidemargin}{-1in}
%\setlength{\evensidemargin}{-1in}
\setlength{\topmargin}{-1in}
\setlength{\topsep}{-1in}%
\setlength{\leftmargin}{-1.5in}%
\setlength{\rightmargin}{-1.5in}%
\setlength{\listparindent}{\parindent}%
\setlength{\itemindent}{\parindent}%
\setlength{\parsep}{\parskip}%
}%
\centering%
\item[]%
}{\end{list}}
On the page in question, I also used \clearpage, \pagestyle{empty} and enlargethispage{...}.
You can specify the width of the figure to be bigger than \textwidth.
I think includegraphics is the non-clipping version, (as opposed to includegraphics*)
I assume this would work as long as the vertical size would fit on the page.
Otherwise I'd look on CTAN for packages which allow you to change the margins on the fly.

Resources