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>
<!--
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
0