Ca y est, jQuery continue sa progression et perce de plus en plus les différentes communautés de développement. Dernière en date la nouvelle version de WordPress qui intègre jQuery dans sa console d’administration.
Concernant WordPress, beaucoup de nouveautés que je n’ai pas encore tout � fait saisi, mais que je vais pas tarder � découvrir 
Prenons comme exemple la petite image d’Eric dans mon blog (juste ci-dessus). Cette image change toutes les 10 secondes environ avec un petit effet de transition, pas encore très sexy, mais c’est une première esquisse du code qu’idéalement je devrais améliorer par la suite.
Avant toute chose il faut charger dans la page jQuery. Ensuite, afin d’afficher rapidement les images, qui sont assez lourdes, on utilise un petit plugin qui va se charger de mettre dans le cache du navigateur toutes nos images, seulement une fois que la page sera complètement chargée.
Ensuite, nous allons mettre dans une variable le chemin vers le répertoire du template de wordpress dans lequel nous avons stocké nos images, et on commence à les mettre dans le cache du navigateur (imaginons que nous en avons 10 et que toutes ont le même prefixe et qu’elles sont du même format).
Pour finir, on ajoute le bout de code qui se charge de changer l’image de manière aléatoire toutes les dix secondes pour obtenir:
$.preloadImages = function()
{
for(var i = 0; i<arguments .length; i++)
{
img = new Image();
img.src = arguments[i];
}
}
$(document).ready(function(){
var imagePath = "<?php bloginfo('stylesheet_directory'); ?>/images/";
for (i=0; i<10; i++)
{
$.preloadImages(imagePath + "eric" + i + ".jpg");
}
var refreshImage = setInterval(function() {
randomnumber=Math.floor(Math.random()*10);
$("img[@alt=banner]").hide();
$("img[@alt=banner]").attr("src", imagePath + "eric" + randomnumber + ".jpg").fadeIn('slow');
}, 10000);
});
Notez, que vous pouvez remplacer $("img[@alt=banner]") par la classe ou par l’id assigné à l’image de votre bannière.
Le pas suivant sera d’insérer une image de transition ainsi que la vérification que la nouvelle image soit différente de celle affichée juste avant.
Yeah, il était temps, merci a climbtothestarts pour le tuyau, en gros il suffit d’avoir un accès SSH, la librairie iconv présente sur le serveur et taper ce qui suit:
Export de la base de données
mysqldump --opt -u root -p wordpress > wordpress.sql
Conversion de ISO-8859-1 Ã UTF-8
iconv -f iso-8859-1 -t utf8 wordpress.sql > wordpress-iconv.sql
Import de la nouvelle base de données
mysql -u root -p wordpress < wordpress-iconv.sql
Update: pour voir la liste des formats disponibles taper iconv --list
Comme vous le savez peut être depuis quelques mois je fais partie de la fabuleuse équipe d’Electronlibre une agence web lausannoise qui a de plus en plus de succès en Suisse et qui actuellement travaille sur un grand nombre de projets de grande envergure et surtout très stimulants pour tous mes collègues et moi même.
J’ai donc choisi d’utiliser le thème d’Electronlibre pour habiller mon blog Il y a encore deux ou trois réglages à faire, je m’excuse d’avance si tout n’est pas encore parfait
Pour suivre les nouveautés d’Electronlibre, je vous encourage à parcourir notre blog et ceux de mes collègues qui en disposent un: Raf, Marc et Mark
Update 29.08.2006:
… et le blog de Louiza la dernière recrue de l’agence (faut absolument le visiter, très étonnant)
[tags]electronlibre, weblogger, wordpress, theme[/tags]
Via problogger, le plugin Landing Sites vous permet de fournir une information privilégiée aux personnes qui tombent sur votre blog après avoir effectué une recherche dans un moteur de recherche.
Un plugin qui vous permet de changer le visuel de la console d’administration de votre blog! Sympa de changer de décor de temps en temps
Read the rest of this entry »
Le plugin WordPress Reports vous permet de consulter les statistiques de votre blog selon Google Analytics et/ou FeedBurner, le tout directement dans votre console d’administration. Pratique!
Deuxième lien, un thème, plainrox, pour WordPress, minimaliste et structuré. Read the rest of this entry »