nyroBlog
Bannière NyroBlog, par DëuG
Image par DëuG - ?

Tag : Web 2.0


JavaScript - Tutoriaux, exemples et autres

Mes favoris de la section JavaScript :

Et puis 4 sites de références de Javascript. Chacun ont leurs avantages et inconvénients. J'utilise ne priorité celle du W3C car elle est la plus simple à utilisé, mais après les autres se valent à peu de choses près.

Holly Dolly Girl

Après la Numa Numa Dance, voici maintenant la Holly Dolly Girl, tout droit venue du Danemark :

18 18, les pubs après la sortie

Je vous en parlai sur ce billet, le numéro de renseignement 111 suisse n'est plus.

Et les pubs du 18 18 ne se sont pas fait attendre sur la toile.

La première, en français, pour dire adieu au 111 :


La seconde en allemand :

SAV des émissions, le single

Juste pour le fun, je vous fais passer ce clip du SAV des émissions d'Omar et Fred.

 

 

SlideShow FlickR, suite

Tellement énervé de mettre cet iframe sur mon blog que j'ai regardé du côté de l'API PHP que FlickR.

Et tellement les exemples sont simples et clair que je n'ai pu m'en empécher...

Donc, pour commencer, je code PHP :

$set = $_GET['set'];

$params = array(
'api_key' => 'YOUR_FLICKR_API_KEY',
'method' => 'flickr.photosets.getPhotos',
'photoset_id' => $set,
'format' => 'php_serial',
);

$encoded_params = array();

foreach ($params as $k => $v){
$encoded_params[] = urlencode($k).'='.urlencode($v);
}

function urlImg($farm, $server, $id, $secret) {
return 'http://farm'.$farm.'.static.flickr.com/'.$server.'/'.$id.'_'.$secret.'.jpg';
}

$url = "http://api.flickr.com/services/rest/?".implode('&', $encoded_params);
$rsp = file_get_contents($url);
$rsp_obj = unserialize($rsp);

if ($rsp_obj['stat'] == 'ok') {
$ret = "countArticle = 0;
var mySlideData = new Array();";
foreach($rsp_obj['photoset']['photo'] as $photo) {
$url = urlImg($photo['farm'], $photo['server'], $photo['id'], $photo['secret']);
$ret.= "mySlideData[countArticle++] = new Array('$url', '#', '".$photo['title']."', '');\n";
}
$ret.= "function startSlideshow() {
var slideshow = new timedSlideShow($('mySlideshow'), mySlideData);
}
addLoadEvent(startSlideshow);";
echo $ret;
} else {
echo "Call failed!";
}
?>

(Oups, pas de commentaires...)

Et ensuite, il suffit de l'appeler comme un fichier source JavaScript, en donnant en paramètre le set_id que l'onveut afficher et l'id de la div dans laquelle on veut afficher le SlideShow. Enfin, il faut que tous les éléments nécessaires au Smooth SlideShow soient présents, et c'est tout bon...

Le résultat :