iPhone - Cambiar Fuente de datos de un widget de iphone

   
Vista:

Cambiar Fuente de datos de un widget de iphone

Publicado por Luis (1 intervención) el 13/03/2012 02:29:02
Este es el codigo de un widget de iphone, un slideshow de perpageHTML. Lo que quiero es cambiar la fuente de donde toma lo datos para qe me muestre las imagenes que yo tenga en una cuenta de flirk que es de donde tiene las imagenes por default.


<!--

Umakanthan

Modmiy.com

Flickr sivagajan's photo slideshow

-------------------------------------------

Copyrights Umakanthan, 2011

-------------------------------------------

-->



<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

<style>

body {

    background-color: transparent;

    height: 480px;

    width: 320px;

}



img {

       position: absolute; top: 121px; right: 0px; left: 79px; width: 320px; height: 480px;



        height:242;

        width:162;

        opacity: 0.0;

}



img.fade-out {

    -webkit-transition-property: opacity;

    -webkit-transition-duration: 5s;

    opacity: 0;

}



img.fade-in {

    opacity: 1;

}

</style>

</head>



<body>

<img id="img1" class="fade-in" />

<img id="img2" class="fade-out" />



<script type="text/javascript">



// Modify this interval time to change slideshow speed

var interval = 10 * 2;

var duration = 5;

var pageNo = 1;

var imagesURL = new Array();

var allImages = new Array();

var imageCount = 0;

var index = 0;



pageNo = Math.round(11 - 10 * Math.random());



var jsonFlickrPageNo = function(resp) {

 if (resp.stat != "ok"){

  // If this executes, something broke!

  return;

 }

        if (resp.photos.pages < pageNo){

                pageNo = 1;

        }

}



var jsonFlickrApi = function(resp) {

 if (resp.stat != "ok"){

  // If this executes, something broke!

  return;

 }



        for(var i=0; i < resp.photos.photo.length; i++)

        {

                var farmid = resp.photos.photo[i].farm;

                var serverid = resp.photos.photo[i].server;

                var nameid = resp.photos.photo[i].id;

                var secret = resp.photos.photo[i].secret;

                imagesURL[i] = "http://farm" + farmid + ".static.flickr.com/" + serverid + "/" + nameid + "_" + secret + "_m.jpg";

        }



}

</script>



<script type="text/javascript" language="javascript" src="http://api.flickr.com/services/rest/?method=flickr.people.getPublicPhotos&api_key=15796a8e3bf87b1d39f17dca9bf1ecba&user_id=24574138%40N06&format=json&nojsoncallback=1&jsoncallback=jsonFlickrPageNo"></script>



<script type="text/javascript" language="javascript" src="http://api.flickr.com/services/rest/?method=flickr.people.getPublicPhotos&api_key=15796a8e3bf87b1d39f17dca9bf1ecba&user_id=24574138%40N06&format=json&page=" + pageNo></script>



<script type="text/javascript">



// #####################################################

// Image preload to memory

  function ImagePreloader(images, Initialize)

  {



   // store the callback

   this.Initialize = Initialize;



   // initialize internal state.

   this.nLoaded = 0;

   this.nProcessed = 0;

   this.aImages = new Array;



   // record the number of images.

   this.nImages = images.length;





   // for each image, call preload()

   for ( var i = 0; i < images.length; i++ )

      this.preload(images[i]);

  }



  function preload(image)

  {



   // create new Image object and add to array

   var oImage = new Image;

   this.aImages.push(oImage);



   // set up event handlers for the Image object

   oImage.onload = ImagePreloader.prototype.onload;

   oImage.onerror = ImagePreloader.prototype.onerror;

   oImage.onabort = ImagePreloader.prototype.onabort;



   // assign pointer back to this.

   oImage.oImagePreloader = this;

   oImage.bLoaded = false;



   // assign the .src property of the Image object

   oImage.src = image;

  }



  function onComplete()

  {

   this.nProcessed++;

   if ( this.nProcessed == this.nImages )

   {

      this.Initialize(this.aImages, this.nLoaded);

   }

  }



  ImagePreloader.prototype.onload = function()

  {

   this.bLoaded = true;

   this.oImagePreloader.nLoaded++;

   this.oImagePreloader.onComplete();

  }



  ImagePreloader.prototype.onerror = function()

  {

   this.bError = true;

   this.oImagePreloader.onComplete();

  }



  ImagePreloader.prototype.onabort = function()

  {

   this.bAbort = true;

   this.oImagePreloader.onComplete();

  }



// ################################################################



    ImagePreloader(imagesURL, Initialize);



    function Initialize(Imagestemp, n){

        allImages = Imagestemp;

        imageCount = allImages.length;

        allImages.sort;

        img1.src = allImages[index].src;

        fade();





        function randomize(){

                return Math.round(5 - 10 * Math.random());

        }





        function fade(){



                img1.style.zIndex = 1;

                img2.style.zIndex = 2;

                img1.className = "fade-in";

                img2.className = "fade-out";



                index = (index + 1) % imageCount;

                if(!index){

                        allImages.sort(randomize);

                }



                var tmp = img1;

                img1 = img2;

                img2 = tmp;

                setTimeout(function(){img1.src = allImages[index].src;}, duration * 1100);

                setTimeout(fade, interval * 1100);

        }

   }



</script>



<body background="background.png">



</body>

</html>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder