Bannières tournantes & WordPress

Statut : non résolu

Ce sujet contient 20 réponses, 4 participants et a été mis à jour pour la dernière fois par Shany, le il y a 16 années et 9 mois.

15 sujets de 1 à 15 (sur un total de 21)

1 2 →

Auteur

Messages
1 mars 2008 à 18 h 32 min #457489

Dyaus
Participant

Padawan WordPress
74 contributions

Bonsoir, à toutes et à tous !

Ma configuration WP actuelle
– Version de WordPress : 2.3.3
– Thème utilisé : Mushblue 1.0
– Plugins en place :
– Nom de l’hebergeur : 1&1
– Adresse du site : http://www.6neweb.fr

Problème(s) rencontré(s) : Comment faire pour que l’image de ma bannière puisse tourner, à savoir qu’à chaque rafraichissement de page une nouvelle photo apparaisse ?

Pour information, le membre dlo m’a dans un autre post orienté vers ce script, mais comment l’incorporer à WordPress, et comment marche-t’il ?

Bref, que de questions, et en cela si quelqu’un pouvait nous aider, car nous souhaitons coûte que coûte, que notre blog sur le cinéma puisse bénéficier de bannières tournantes. Nous vous en serions plus que reconnaissant. 🙂

Sur ce, bon début de soirée.

1 mars 2008 à 20 h 40 min #622618

Shany
Membre

Chevalier WordPress
181 contributions

Bonsoir.

Oui, nous voudrions avoir de l’aide pour notre bannière.

En effet, nous avons plusieurs images et nous aimerions donc qu’à chaque fois que l’on actualise la page, une nouvelle image se mette à la place de la précédente.

Comme sur le site de Switch.

Si quelqu’un veut bien nous aider, cela sera très gentil.

Merci par avance pour votre aide 🙂

1 mars 2008 à 20 h 59 min #622619

benkenobi
Participant

Maître WordPress
4069 contributions

Random image est un plugin, il faut donc charger le dossier de ce plugin dans le dossier wp-content/plugins de votre instalaltion WP. Il vous faut faire ce transfert par FTP (utiliser le logiciel Filezilla par exemple).
Ensuite le plugin est activable dans l’admin de WP rubrique ‘plugins’.

1 mars 2008 à 21 h 15 min #622620
LH
Membre

Chevalier WordPress
372 contributions
Avec votre thème, vous avez jQuery de chargé pour utiliser Javascript.
L’image du logo est mise avec le CSS
```
#logo {
background:transparent url(images/r.jpg) no-repeat scroll 0%;
}
```
Soit vous utilisez jQuery pour changer l’image.
C’est plus simple si vous avez un nombre fixe d’images.

Soit vous utilisez PHP pour changer le CSS.
C’est plus simple si vous avez un dossier avec les images et que vous voulez pouvoir changer régulièrement les images en ajoutant/retirant les images dans ce dossier.

Have Fun.
1 mars 2008 à 21 h 28 min #622621

Shany
Membre

Chevalier WordPress
181 contributions

Merci à vous, pour votre aide.

Nous essayerons dès demain, et nous vous tiendrons au courant 🙂

Un grand merci de la part de Dyaus et moi.

1 mars 2008 à 21 h 43 min #622622

Dyaus
Participant

Padawan WordPress
74 contributions

Merci pour vos réponses. LH peux-tu s’il te plaît être plus clair et » dictaticiel « , car pour ma part je ne comprends absolument rien… Il faut faire quoi au juste (je serai davantage intéressé par la deuxième solution) ?

1 mars 2008 à 21 h 51 min #622623

Dyaus
Participant

Padawan WordPress
74 contributions

BenKenobi, on télécharge le dossier de ce plugin ? Et il est où, car sur la page que j’ai donné il n’y a qu’un code. Là non plus, je ne comprends pas, après pour le reste je sais faire. D’avance merci de ta réponse. 😉

1 mars 2008 à 22 h 43 min #622624
LH
Membre

Chevalier WordPress
372 contributions
Pour la solution 2. Voilà un code PHP simple à rajouter dans le fichier header.php du thème utilisé.
Il faut le rajouter avant le juste avant le
```
#logo 
{
background:transparent url(images/.jpg) no-repeat scroll 0%;
}
```
Ensuite, dans le dossier images (là où se trouve la bannière actuelle), il suffit de nommer les bannières 1.jpg, 2.jpg, etc.. jusqu’à 10.jpg
le code rand(1, 10) prend un nomber au hasard entre 1 et 10, à vous de le moduler suivant vos besoins.

C’est une solution simple et rapide. Ensuite, on peut faire plus subtil…

Bon courage.
2 mars 2008 à 10 h 49 min #622625

Dyaus
Participant

Padawan WordPress
74 contributions

Bonjour, LH !

Ça ne fonctionne pas : aucunes bannières ne s’affichent. Et ça avait amené un bug au niveau du calendrier… 😐

2 mars 2008 à 11 h 38 min #622626
LH
Membre

Chevalier WordPress
372 contributions
Bonjour,

Sur votre page, le code source est actuellement:
```
		
```
En rajoutant le changement de bannière, on devrait avoir quelque chose comme:
```
		



#logo
{
background: transparent url(images/1.jpg) no-repeat scroll 0%;
}
```
Pouvez-vous copier le code source que vous obtenez ?
Si ça a amené un bug pour le calendrier, c’est que probablement le code HTML/CSS n’est pas correct.
2 mars 2008 à 11 h 46 min #622627
Dyaus
Participant

Padawan WordPress
74 contributions
Voici, le contenu de notre fichier en-tête (header), si cela peut aider :
```
<meta http-equiv="Content-Type" content="; charset= » />







<title>

6né’Web



</title>





<meta name="generator" content="WordPress  » />



<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href=" » />

<link rel="alternate" type="text/xml" title="RSS .92" href=" » />

<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href=" » />

<link rel="pingback" href=" » />







		<!– @import url(  ); –>







<div id="pages">    


<ul>

      

    </ul>

</div>

<div id="wrap">

<div id="logo">
<div id="name"><a href=" »></a><div id="tagline"></div></div>

</div>
```
Je n’ai opéré pour l’heure aucun changement. J’attends d’abord tes conseils.
2 mars 2008 à 11 h 55 min #622628
LH
Membre

Chevalier WordPress
372 contributions
Petit oubli de ma part sur le CSS…😋 :fouet:

On va procéder par étape:
1.
Insérer ce premier code sans PHP avant le
```
#logo {background: transparent url(/wp-content/themes/mushblue-10/images/2.gif) no-repeat scroll 0%;}
```
Ca devrait changer la bannière, avec l’image 2.gif.

2.
Si ok on ajoutera le code PHP
```
#logo {background: transparent url(/wp-content/themes/mushblue-10/images/.gif) no-repeat scroll 0%;}
```
modif: j’avais oublié le .gif après le PHP
2 mars 2008 à 12 h 44 min #622629

Shany
Membre

Chevalier WordPress
181 contributions

Merci LH ca marche super bien ! 🙂

La bannière change d’image à chaque rafraichissement de la page, merci pour ton aide.

Nous avons quand même une question. En effet, comment faire pour que lorsque l’on clique sur la bannière on revienne à l’accueil du blog ?

Merci pour ta réponse 🙂

2 mars 2008 à 13 h 12 min #622630
LH
Membre

Chevalier WordPress
372 contributions
Cool.

Pour le click, le plus simple est un peu de Javascript avec jQuery…

Voilà un code « quick and dirty »… A rajouter avant le
```
jQuery(function () {
  jQuery(« #logo »).click(function () { window.location.replace(« / »); })
}
);
```
Have Fun.
2 mars 2008 à 14 h 06 min #622631

Shany
Membre

Chevalier WordPress
181 contributions

Alors on vient d’essayer et ca marche très bien : en cliquant sur la bannière ca nous renvoit directement sur la page d’accueil 🙂

Cependant, nous avons 2 petites questions.

En effet, l’espace entre le haut du blog et la bannière c’est aggrandi comment faire pour le modifier afin de réduire un peu l’espace ?

Ici:

Et toujours sur le même sujet, lorsque l’on clique sur la bannière pour que cela nous renvoit sur la page d’accueil, le curseur, reste en forme de flèche au lieu d’être en forme de main. Comment faire pour que ca fasse la main ?

Merci beaucoup pour ton aide précieuse 🙂
Auteur

Messages