Javascriptillä "muuttuvan" kuvan haku
Eli kuinka haen javascriptin avulla (käytetään sitä sitten html5 yhteydessä tai jossain muussa tarkoituksessa, mutta toteutus javascriptinä) joltain sivuilta kuvan, joka päivittyy ja tiedostonimi näinollen muuttuu..
Esimerkkitapauksena täydin vastaavasta tilanteesta on esim liikenneviraston kelikamerat ja kelikamerat.info sivusto. http://www.kelikamerat.info/
Miten tuo sivu hakee liikenneviraston sivuilta päivityshetken tuoreimman kuvan? Tuossakin tapauksessa kun liikenneviraston kamerasivulla kuvatiedoston nimi muuttuu aina kuvan päivittyessä. Esim. http://www2.liikennevirasto.fi/alk/kelikamerat/kamera-C0155800.html
Oma esimerkkini koskisi eri lähdettä kuin tuossa esimerkissä mainittu kelikamera (mikäli käyttöoikeus varmistuu), mutta tuon olemassa olevan esimerkkitapauksen avaaminen avaisi tilannetta itselleni paljon eteenpäin!
Kiitos jo etukäteen!
Esimerkkitapauksena täydin vastaavasta tilanteesta on esim liikenneviraston kelikamerat ja kelikamerat.info sivusto. http://www.kelikamerat.info/
Miten tuo sivu hakee liikenneviraston sivuilta päivityshetken tuoreimman kuvan? Tuossakin tapauksessa kun liikenneviraston kamerasivulla kuvatiedoston nimi muuttuu aina kuvan päivittyessä. Esim. http://www2.liikennevirasto.fi/alk/kelikamerat/kamera-C0155800.html
Oma esimerkkini koskisi eri lähdettä kuin tuossa esimerkissä mainittu kelikamera (mikäli käyttöoikeus varmistuu), mutta tuon olemassa olevan esimerkkitapauksen avaaminen avaisi tilannetta itselleni paljon eteenpäin!
Kiitos jo etukäteen!
Täydenyksenä...
Jos yksinkertaisuudessaan kokeilee soveltaa tämäntyylistä:
http://stackoverflow.com/questions/18417691/fetching-image-from-url-with-javascript
ja tämän
http://www.html5canvastutorials.com/advanced/html5-canvas-get-image-data-url/
Yhdistelmää.. Niin kuvaksi onnistuu hakemaan kyllä kuvan, joka tiedostonimen tietää, mutta tuossa aloitusviestissähän sitä ei tiedä, joten... Kuinka tuossa tilanteessa toimitaan jos esimerkkinä yksinkertainen, tyhjä html5 sivu johon kuva haetaan javascriptillä?
Jos yksinkertaisuudessaan kokeilee soveltaa tämäntyylistä:
http://stackoverflow.com/questions/18417691/fetching-image-from-url-with-javascript
ja tämän
http://www.html5canvastutorials.com/advanced/html5-canvas-get-image-data-url/
Yhdistelmää.. Niin kuvaksi onnistuu hakemaan kyllä kuvan, joka tiedostonimen tietää, mutta tuossa aloitusviestissähän sitä ei tiedä, joten... Kuinka tuossa tilanteessa toimitaan jos esimerkkinä yksinkertainen, tyhjä html5 sivu johon kuva haetaan javascriptillä?
Veikkaisinpa että nuo sivut on kuitenkin luotu siellä palvelinpäässä..
Ei onnistu jskriptalla.
vaihtuva kuva GIF tai SWF tiedostoilla...
Etsi itse loput ohjeet!
Etsi itse loput ohjeet!
Kerro mielipiteesi
