jquery-backstretch | simple jQuery plugin that allows you to add | Plugin library

I know it is a well-known issue with plenty of answers on the internet but 2 days of research later I still don't find a solution. What I want is a full-page fixed background with content above it. The issue is when we scroll down the bottom bar disappears leaving a white space then the background is resized creating an unpleasant jump for the user. Here are some examples of what I tried and doesn't work on iOS (I only have an iPhone at my disposal).

• The naive solution

CSS

The following script (with the help of Stackoverflow members) now works perfectly to display random images with captions. However, In addition to the images fading in, how do you fade-in the captions as well?

I have a one page website that I have been developing on. I put the Gtag code just in the head section of the html page like they said to do. When I put the code in and tested it with google analytics it appeared to be working, however it only shows realtime viewers. It hasn't been tracking pageviews. All it ever shows is one page view no matter how many people look at it. Can someone help me with this?

This is the code I have in the head section of my html.

I have an existing rails application where I am working on a separate branch to implement yarn for managing my vendor assets. My app stack is:

• ruby-2.4.0
• rails 5.1.4
• node 9.4.0
• yarn 1.3.2

After installing yarn, I ran yarn init and it generated a package.json in the project root. After a few packages added, it looks like:

I am using Angular, Angular CLI, NPM and Typescript in my single page app.

In one of my components, I have the need to use jQuery to initialize a jQuery plugin. In my case, the plugin is backstretch, but this is not so relevant as the problem described below will be the same for any jQuery plugin.

And yes, I know what some of you will say, Angular and jQuery together - not the best idea. But the fact is reusable jQuery plugins are still very useful in an Angular app.

Despite the fact that when writing code in the VS Code IDE, the IntelliSense drop-down shows the properties of both jQuery and backstretch properly and there seems to be no error whatsoever, the problem does appear when running "ng serve", thus when TypeScript compiles into JavaScript.

The error I get in the console is:

ERROR in C:/wamp/www/PaperbackComingSoon/Angular/my-app/src/app/app.component.ts (20,7): Property 'backstretch' does not exist on type 'JQueryStatic'.

In the screenshot below you can see this error, but also the jsconfig.json file and the installed type definitions for both jQuery and Backstretch.

While the compiler seems to find jQuery, it has issues with finding backstretch for some strange reason. Below you can see the actual type definition for backstretch.

What am I missing? Does anyone have any idea what could be wrong here? Is it possible that my type definition file for the Backstretch plugin is not the right version for the actual jQuery Backstretch plugin?

Since I am of course using TypeScript, I want all the jQuery plugins that have typing files available for my types to be strongly typed. I see no reason why not to use this feature if the typings for a certain jQuery plugin are indeed available to me. I know I could easily fix my compiling problem by defining the typing on my own and making all the jQuery plugins of type "any", but this is not what I want and it does not seem right. I want to leverage any typing files at my disposal. I don't see any reason why not, just because the compiler does not seem to find the defined property.

Possible reason

My best bet is that this has something to do with the difference in TS versions installed globally on my system versus the typescript in VS Code IDE, because when checking the TS version in VSCode in the status bar at the right bottom of the IDE says 2.4.2.

But if I run "tsc -v" in the console, it gives me 1.0.3.0 (mind that I've been using TS before, with Visual Studio). But even after I run "npm install -g typescript@2.4.2, this does not change anything.

Any idea, anyone?

found this jquery plugin on available here http://www.jquery-backstretch.com/, however i would like to make use of it in my jsp page when i call the $.backstretch() method to set background image, and havent been able to... below is my code

I have added the jQuery function "Backstretch" to my blog, but I only want it to apply to the homepage. I tried setting each separate page's background to a black image, but the black just fades into the slideshow.

What method would you recommend for limiting the slideshow to the homepage only? (Please bear in mind that I'm just starting out in this code stuff...)

Here is the code: