Cela m'amuse beaucoup de voir apparaitre des images au hasard dans un bloc de la sidebar 
Une vraie obsession chez moi
Il y a bien sur l'addon Andy banner 2.0 qui permet de le faire et de coller une image dans un block
Il y a aussi cette façon de procéder :
1/ Dans le panel admin =) Apparence =) Widget =) Ajouter un widget
2/ Définition du widget : HTML
3/ Clé du widget : ce qui vous fait plaisir
4/ Titre du widget : ce qui vous fait plaisir
5/ Cocher la position ou vous souhaitez qu'apparaissent vos images
6/ Remplir la template comme suit :
On peut modifier la hauteur et la bordure du block ici :
On place ses images ici :
Et il ne reste plus qu'a cliquer sur Sauvegarder
Une vraie obsession chez moi Il y a bien sur l'addon Andy banner 2.0 qui permet de le faire et de coller une image dans un block
Il y a aussi cette façon de procéder :
1/ Dans le panel admin =) Apparence =) Widget =) Ajouter un widget
2/ Définition du widget : HTML
3/ Clé du widget : ce qui vous fait plaisir
4/ Titre du widget : ce qui vous fait plaisir
5/ Cocher la position ou vous souhaitez qu'apparaissent vos images
6/ Remplir la template comme suit :
Code:
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#banner {
height:100px;
border:1px solid #000;
no-repeat center center;
}
</style>
<script type="text/javascript">
<!--
if (document.getElementById) { window.onload = swap };
function swap() {
var numimages=7;
rndimg = new Array("images/pmoblogo7.jpg", "images/pmoblogo6.jpg", "images/pmoblogo5.jpg", "images/pmoblogo4.jpg", "images/pmoblogo3.jpg", "images/pmoblogo2.jpg", "images/pmoblogo.jpg");
x=(Math.floor(Math.random()*numimages));
randomimage=(rndimg[x]);
document.getElementById("banner").style.backgroundImage = "url("+ randomimage +")";
}
//-->
</script>
</head>
<body >
<div id="banner"></div>
</body>On peut modifier la hauteur et la bordure du block ici :
Code:
height:100px;
border:1px solid #000;On place ses images ici :
Code:
rndimg = new Array("images/pmoblogo7.jpg", "images/pmoblogo6.jpg", "images/pmoblogo5.jpg", "images/pmoblogo4.jpg", "images/pmoblogo3.jpg", "images/pmoblogo2.jpg", "images/pmoblogo.jpg");Et il ne reste plus qu'a cliquer sur Sauvegarder
