Aide générale header aleatoire j'aurai voulu savoir comment faire un systeme de header aleatoire
Bonjour à tous.
J aurai voulu savoir comment faire un header ou les images change de façon aleatoire quelque soit la page.
J'ai ce code sur un de mes thèmes en v4
<script language="JavaScript">
<!--
/* définir largeur et hauteur images */
var pic_width= "1000";
var pic_height=345;
/* Détermine la durée de temps de séjour sur chaque image */
/* 10000 = 1 second */
var delay=20000;
/* Coller l'url de chaque image */
if (document.images)
{
pic1= new Image(pic_width,pic_height);
pic1.src="/images/slide/header1.jpg";
pic2= new Image(pic_width,pic_height);
pic2.src="/images/slide/header2.jpg";
pic3= new Image(pic_width,pic_height);
pic3.src="/images/slide/header3.jpg";
}
var pics= new Array(3)
pics[0]=pic1.src;
pics[1]=pic2.src;
pics[2]=pic3.src;
var numpics=3;
var thenum=0;
imgName="img1";
function change_it()
{
if (document.images)
{
document.write("<img src='"+pics[thenum]+"' border='0' width='"+pic_width+"' height='"+pic_height+"' name='img1'>");
setTimeout('change_it2()',delay);
}
}
function change_it2()
{
var x=0;
thenum+=1;
if (thenum>numpics-1)
thenum=0;
document[imgName].src=pics[thenum];
x+=1;
setTimeout('change_it2()',delay);
}
//-->
</script>
<script type="text/javascript">
<!--
change_it();
//-->
</script>
J'aurai voulu savoir ou le placer ou l'adapter comme sur le tuto avec le blackground aléatoires.
Merci pour votre aide.
J aurai voulu savoir comment faire un header ou les images change de façon aleatoire quelque soit la page.
J'ai ce code sur un de mes thèmes en v4
<script language="JavaScript">
<!--
/* définir largeur et hauteur images */
var pic_width= "1000";
var pic_height=345;
/* Détermine la durée de temps de séjour sur chaque image */
/* 10000 = 1 second */
var delay=20000;
/* Coller l'url de chaque image */
if (document.images)
{
pic1= new Image(pic_width,pic_height);
pic1.src="/images/slide/header1.jpg";
pic2= new Image(pic_width,pic_height);
pic2.src="/images/slide/header2.jpg";
pic3= new Image(pic_width,pic_height);
pic3.src="/images/slide/header3.jpg";
}
var pics= new Array(3)
pics[0]=pic1.src;
pics[1]=pic2.src;
pics[2]=pic3.src;
var numpics=3;
var thenum=0;
imgName="img1";
function change_it()
{
if (document.images)
{
document.write("<img src='"+pics[thenum]+"' border='0' width='"+pic_width+"' height='"+pic_height+"' name='img1'>");
setTimeout('change_it2()',delay);
}
}
function change_it2()
{
var x=0;
thenum+=1;
if (thenum>numpics-1)
thenum=0;
document[imgName].src=pics[thenum];
x+=1;
setTimeout('change_it2()',delay);
}
//-->
</script>
<script type="text/javascript">
<!--
change_it();
//-->
</script>
J'aurai voulu savoir ou le placer ou l'adapter comme sur le tuto avec le blackground aléatoires.
Merci pour votre aide.
Bonjour Swan,
Pour le thème c est la dernière version de phpboost.
Pour le tuto j'en ai pas c est un ancien ami qui me l'a mis sur un de mes thèmes en version 4.1.2 phpboost.
Je vous upload au plus vite mon thème que j'avais jadis en 4.1.3
Je vous remercie.
Update: voici le lien de mon ancien thème sous phpboost 4.1.2 => [url=https://bathiasfevry.xyz/old/[phpboost%20412]BF8.rar]ici[/url]
J'aurai voulu que cette fonction soit possible dans touts les thèmes quelque soit la version et ainsi le compiler avec le blackgroud aléatoire que vous proposez en tuto.
Encore merci.
Edité par Sodeska Le 25/04/2019 à 13h33
Pour le thème c est la dernière version de phpboost.
Pour le tuto j'en ai pas c est un ancien ami qui me l'a mis sur un de mes thèmes en version 4.1.2 phpboost.
Je vous upload au plus vite mon thème que j'avais jadis en 4.1.3
Je vous remercie.
Update: voici le lien de mon ancien thème sous phpboost 4.1.2 => [url=https://bathiasfevry.xyz/old/[phpboost%20412]BF8.rar]ici[/url]
J'aurai voulu que cette fonction soit possible dans touts les thèmes quelque soit la version et ainsi le compiler avec le blackgroud aléatoire que vous proposez en tuto.
Encore merci.
Edité par Sodeska Le 25/04/2019 à 13h33
Re,
Citation:
Oui bah ça remonte quand même ... je sais même plus ou il est. Je regarderais ce week end ^^
Citation:
J'aurai voulu que cette fonction soit possible dans touts les thèmes quelque soit la version et ainsi le compiler avec le blackgroud aléatoire que vous proposez en tuto.
Oui bah ça remonte quand même ... je sais même plus ou il est. Je regarderais ce week end ^^
Très grand merci pour votre aide mais surtout votre temps.
Bonjour,
Petite question, car l'archive que j'ai téléchargé, elle est endommagée ( même résultat ce matin)..
Tu veux quoi exactement le slider pour le header, ou le background aléatoire ?
Car pour le slider du header, tu en as un dans le PlayForFun de Elenwii ..
et pour le background , tu as pleins de codes qui trainent et qui sont simples à appliquer :
Bref il sont très simple à installer sur une 5.2 cela se passe dans le frame.tpl et entre la balise <head>...</head>.
Swan.
Petite question, car l'archive que j'ai téléchargé, elle est endommagée ( même résultat ce matin)..
Tu veux quoi exactement le slider pour le header, ou le background aléatoire ?
Car pour le slider du header, tu en as un dans le PlayForFun de Elenwii ..
et pour le background , tu as pleins de codes qui trainent et qui sont simples à appliquer :
- http://blogmotion.fr/programmation/javascript-css/fond-aleatoire-5020 (JS)
- https://www.divi-community.fr/tutoriels-divi/image-fond-change-aleatoirement/ ( Jquery + JS)
- https://www.commentcamarche.net/forum/affich-34065101-code-background-aleatoire ( Attention de ne pas inclure le jquery *ligne 19* avec celui là, car il est déjà existant dans PBt)
- https://www.divi-community.fr/tutoriels-divi/image-fond-change-aleatoirement/ ( Jquery + JS)
- https://www.commentcamarche.net/forum/affich-34065101-code-background-aleatoire ( Attention de ne pas inclure le jquery *ligne 19* avec celui là, car il est déjà existant dans PBt)
Bref il sont très simple à installer sur une 5.2 cela se passe dans le frame.tpl et entre la balise <head>...</head>.
Swan.
Merci je vais regarder aux lien,
j'utilise le thème underline cependant celui ci n utilise pas de image header ni de fooyer image comment integer cela sur thème via le css?
j'utilise le thème underline cependant celui ci n utilise pas de image header ni de fooyer image comment integer cela sur thème via le css?
Bonjour,
Theme underline 5.1, dans le design, mettre les arguments suivants (ligne 31) :
Pour une image :
* Évidement mettre l'image dans le dossier thème/images du thème. Taille de base 1024px X 139px.
Pour une couleur:
Pour le footer : même principe.
Swan.
Theme underline 5.1, dans le design, mettre les arguments suivants (ligne 31) :
Pour une image :
Code CSS :
/* -- En-tete de page - Header -- */ /* ------------------------------ */ header#header {background: #000000 url(images/header.jpg) no-repeat scroll center center;}
* Évidement mettre l'image dans le dossier thème/images du thème. Taille de base 1024px X 139px.
Pour une couleur:
Code CSS :
/* -- En-tete de page - Header -- */ /* ------------------------------ */ header#header { background-color: #000000 /* couleur noir */}
Pour le footer : même principe.
Swan.
Très grand merci
j'espère que avec les infos que vous m'aviez donné cela fonctionnera pour le header aleatoire je vous tens informè
j'espère que avec les infos que vous m'aviez donné cela fonctionnera pour le header aleatoire je vous tens informè
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie