Как вывести свои иконки погоды?
Здравствуйте!
Подскажите как вывести иконки погоды? Свои или с яндекса? Использовал готовый скрипт от сюда Документация тут на английском Мой скрипт немного переделан под нужды сайта $(document).ready(function() { $('#town').html("город"); $('#country').html("область."); // OpenWeatherMap API request. var url = '//api.openweathermap.org/data/2.5/weather'; $.getJSON(url, { q: "Ryazan", units: "metric", lang:"RU", APPID: "2bae515a0124fef864cf38e0f2986b32" }, function(returnedData) { $('#celsius').html((returnedData.main.temp).toFixed(1) + ' °C'); $('#celsius2').html((returnedData.main.temp).toFixed(1) + ' °C'); // Convert Celsius to Fahrenheit. $('#fahrenheit').html((returnedData.main.temp * 1.8 + 32).toFixed(1) + ' °F'); // Toggle between Celsius and Fahrenheit. $("#toggle2").click(function() { $(".toggler2").toggle(); }); $('#wind-humidity').html(returnedData.main.humidity + " %" + " вла"); $('#wind-deg').html(returnedData.wind.deg + ' мм'); $('#wind').html(returnedData.wind.speed + " м/с"); $('#description').html(returnedData.weather["0"].description); }).fail(function() { console.log("error"); }); }); Как вывести иконку примерно так я в js полный ноль. В скрипте выводится погода текстом, там как то нужно переключить или что то добавить, подскажите что нужно сделать? |
Нужно картинку и температуру?
|
j0hnik,
да в один блок, у меня в панель выводится в блок температурв <span class="lead toggler" id="celsius2"></span> вот пример там без картинки |
таки разобрались с курсом валют я смотрю.
|
j0hnik,
Да мне хорошие люди помогли) |
список возможных иконок - http://openweathermap.org/weather-conditions
можешь их иконки взять, можешь свои добавить с теми же именами (01d.png и т.д.) returnedData.weather["0"].icon - вот имя файла, надо только слева путь присобачить, а справа ".png" |
Alexandroppolus,
Цитата:
Подскажите я плохо js знаю |
|
spinastr,
ну, например, твои иконки png лежат в папке "/images/weather" тогда url иконки будет var url = '/images/weather/' + returnedData.weather["0"].icon + '.png' втыкаешь его в elem.style.backgroundImage и она рисуется на экране, юзер счастлив |
|
Часовой пояс GMT +3, время: 15:32. |