SlideSwitch | A widget you can slide it to open or close something | Animation library

You are passing a string to setInterval, so it is evaluated in the global scope and your function is scoped to the anonymous function you pass to ready (so it isn't found).

Never pass a string to setInterval, always pass a function.

Try this instead:

Try like shown below

Added transition: background-image 2s; and changed your js a bit. Also your background:cover style was wrong. It should have been background-size: cover;

This issue is referenced here which occurs in project including non ASCII class names. The issue will be addressed from version 2.4 of gradle Android plugin (not yet released at this time).

An alternative is to downgrade to 2.2.3 :

Have you included the jQuery Plugin on your page head?

"As far as i can read the script the active slide is used to let te slideshow work and changing it will cause the script to fail?"

No it's "fail-safe". If there is no active slide it will use the last slide.

1. Are uppercase HTML tags used for CSS selectors acceptable for use today or is this style/habit deprecated?

   It's still acceptable in HTML in the sense that it's neither disallowed nor deprecated, but it does give off a rather nasty 90s vibe to anyone who might read your source code. In reality, though, it makes no difference. Note that I say "in HTML"; XHTML is a different story altogether.

   And the reason I say 90s is because...

2. What HTML and/or CSS version(s) was this used?

   The uppercase convention dates back to SGML, on which previous versions of HTML were based. The only reason the same convention exists in CSS is simply that CSS goes hand in hand with HTML — CSS was introduced not very long after HTML 2.0 — so the norm of uppercase tag names simply carried over because hey, tag names.

   For whatever reason, though, this convention persisted in CSS long after XHTML, in which tag names are always lowercase, became the in thing (although ultimately it didn't matter because people were actually authoring HTML, not XHTML, despite what their DOCTYPEs would suggest), and you only really stopped seeing uppercase type selectors in stylesheets in the mid-00s.

3. Is there anything else you can tell me about this styling technique?

   Most selectors are normally case-insensitive, so however you case your HTML tag names and CSS type selectors makes no difference since HTML itself doesn't place any restrictions.

   The only exception is when the document language is case-sensitive and therefore does place restrictions on selectors. This is where XHTML (and any XML-based language) becomes relevant — if the case of your selectors don't match the case of your XML tag names, the selectors won't match. But even this is more pertinent for something like SVG, than for XHTML, since XHTML is practically a thing of the past now. The de facto standard is, and has always been, HTML.

   Still, the modern-day convention since Y2K has been to just use lowercase for tag names in HTML and type selectors in CSS for HTML. Many say that this is for compatibility with XHTML; whether XHTML actually had significant influence in this modern-day convention is debatable and frankly irrelevant.

For this to work, you have to think in terms of Object Oriented Programming. See some documentation to learn more.

Look at this code. It gets the scroll to work on each person.