Examples
Standard Today Block with Background
1
jQuery(document).ready(function () {
2
jQuery("#example1").weatherForecast({
3
city: "New York",
4
region: "New York",
5
country: "US",
6
count: 1,
7
theme: {
8
backgroundColor: "#007cf3",
9
color: "#fff",
10
forceImageWhite: true,
11
border: "none",
12
},
13
appID: "your-app-id-here",
14
});
15
});
Copied!
Standard Forecast Block with 5 Days Using Specific Location
1
jQuery(document).ready(function () {
2
jQuery("#example4").weatherForecast({
3
city: "New York",
4
region: "New York",
5
country: "US",
6
count: 5,
7
appID: "your-app-id-here"
8
});
9
});
Copied!
Standard Forecast Block with 7 Days using Location Services and Metric Units
1
jQuery(document).ready(function () {
2
jQuery("#example6").weatherForecast({
3
count: 7,
4
unit: "metric",
5
appID: "your-app-id-here"
6
});
7
});
Copied!
Standard Horizontal Forecast with 3 Days Using Specific Location, Customized Language / Days
1
jQuery(document).ready(function () {
2
jQuery("#example7").weatherForecast({
3
city: "Mexico City",
4
country: "MX",
5
count: 3,
6
unit: "metric",
7
showCity: false,
8
orientation: "vertical",
9
theme: {
10
border: "none",
11
},
12
days: [
13
"Domingo",
14
"Lunes",
15
"Martes",
16
"Miércoles",
17
"Jueves",
18
"Viernes",
19
"Sábado",
20
],
21
lang: "es",
22
appID: "your-app-id-here"
23
});
24
});
Copied!
Copy link