title: How to change weather icon from json to a weather icon I drew myself
body: <p>I am trying to change the weather icons that I get from the API to the ones I have drawn myself on Photoshop! My variables are in french and the comments too, if you need translations to understand my code please ask! </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
          jQuery(document).ready(function($) {
              var maLatitude;     /*Variable gobale contenant la latitude*/
              var maLongitude;    /*Variable gobale contenant la longitude*/  
  
              if (navigator.geolocation)
                  navigator.geolocation.getCurrentPosition(showPosition);
              else
              alert("Votre navigateur supporte pas la géolocalisation, essayez de mettre à jour votre navigateur!");
          }); 
  
          function showPosition(position){
              maLatitude= position.coords.latitude;
              maLongitude= position.coords.longitude; 
  
          $.ajax({
              url : "http://api.wunderground.com/api/API_KEY/geolookup/conditions/lang:FC/q/"+maLatitude+","+maLongitude+".json",
              dataType : "jsonp",
              success : function(parsed_json) {
  
                  var location = parsed_json['location']['city'];
                  var temp_c = parsed_json['current_observation']['temp_c'];  
                  var tempRessentie = parsed_json['current_observation']['feelslike_c'];  
                  var wicon = parsed_json['current_observation']['icon'];
                  var condition = parsed_json['current_observation']['weather'];
                  var vent_kmh = parsed_json['current_observation']['wind_kph'];
                  var rafales = parsed_json['current_observation']['wind_gust_kph'];
                  var visibilite = parsed_json['current_observation']['visibility_km'];
  
                  $("div.ville").append("&lt;div class='endroit'&gt;" + location + " &lt;/div&gt;"+
                                          "&lt;div class='temp'&gt;" + temp_c + " °C&lt;/div&gt;"+
                                          "&lt;div&gt; Temp. ressentie : "+tempRessentie+" °C&lt;/div&gt;"+
                                          "&lt;div class='triangle'&gt;&lt;/div&gt;"+
                                          "&lt;div class='icone'&gt;&lt;img src='http://icons-ak.wxug.com/i/c/k/"+wicon+".gif' alt='"+condition+"' title='"+condition+"'/&gt;&lt;/div&gt;"+
                                          "&lt;div class='condition'&gt;"+condition+"&lt;/div&gt;"+
                                          "&lt;div&gt;Vent : "+vent_kmh+" km/h&lt;/div&gt;"+
                                          "&lt;div&gt;Rafales : "+rafales+" km/h&lt;/div&gt;"+
                                          "&lt;div&gt;Visibilité : "+visibilite+" km&lt;/div&gt;");
                  }
          }); 
      }
      &lt;/script&gt;
  </code></pre>