{source}
<br/><br/>
<!DOCTYPE HTML>
<html>
<head>
<link rel=”stylesheet” href=”http://www.idealtravels.com/weather/css/weatherslider.css” type=”text/css”>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
<!–[if lt IE 9]>
<script src=”/assets/js/html5.js”></script>
<![endif]–>
<script src=”http://www.idealtravels.com/weather/jQuery/jquery.js” type=”text/javascript”></script>
<script src=”http://www.idealtravels.com/weather/jQuery/jquery-easing.js” type=”text/javascript”></script>
<script src=”http://www.idealtravels.com/weather/jQuery/jquery-animate-background-position.js” type=”text/javascript”></script>
<script src=”https://maps.googleapis.com/maps/api/js?sensor=false&language=en” type=”text/javascript”></script>
<script src=”http://www.idealtravels.com/weather/js/weatherslider.kreaturamedia.jquery.js” type=”text/javascript”></script>
</head>
<div id=”weatherslider” style=”width:960px;height:480px;”>
<span class=”ws-location”>London, UK</span>
<span class=”ws-location”>Paris, France</span>
<span class=”ws-location”>New York, USA</span>
<span class=”ws-location”>Sydney, Australia</span>
<span class=”ws-location”>Kinshasa, Kongo</span>
<span class=”ws-location”>Tokyo, Japan</span>
<span class=”ws-location”>Bodo, Norway</span>
<span class=”ws-location”>Zurich, Switzerland</span>
</div>
<script type=”text/javascript”>
var $w = jQuery.noConflict();
$w(document).ready(function(){
$w(‘#weatherslider’).weatherSlider({
// User settings (can be modified)
imgPath : ‘http://www.idealtravels.com/weather/img/’,
CSSanimations : true,
JSanimations : true,
snow : true,
rain : true,
wind : true,
lightnings : true,
windyWeather : 18,
windDirection : ‘auto’,
icyTemp : -2,
measurement : ‘metric’,
daytime : [7,19],
infoDuration : 450,
infoEasingType : [‘easeOutBack’,’easeInBack’],
reduction : ‘auto’,
keybNav : true,
touchNav : true,
responsive : true,
enableSearchField : true,
enableWeatherInfo : true,
enableForecast : true,
slideDelay : 0,
refreshInterval : 0,
timeFormat : 12,
showLoc : true,
showTime : true,
showCond : true,
showTemp : true,
showLow : true,
showHigh : true,
showHum : true,
showPrec : true,
showWind : true,
showPress : true,
showVis : true,
showFDay : true,
showFCond : true,
showFLow : true,
showFHigh : true,
hideBackground : false,
alwaysShowForecast : false,
alwaysShowSearch : false,
WWOAPIKey: ‘3d9p5b4ef9p5c73up69bzpdx’
});
});
</script>
</body>
</html>
<br/><br/>
{/source}
