Diaporama en HTML

[underload.org]

Bonjour,

Je voudrais créer un diaporama comme sur le FdF mais un peu plus grand et ça sur ma page d'acceuil . (à gauche cette page) Quelle code utiliser ?
Merci d'avance et bonne soirée !

Cordialement .

[tupac]

Bonsoir

Vous voulez parler du diaporama qui se trouve a gauche de cette page (thèmes du mois)

[underload.org]

Oui c'est bien ça .. ?!

[tupac]

Je vous envoie par MP le lien de mon forum test et vous me dites si le diapo vous plait.

[underload.org]

Oui il y en a qui m'ont plus j'attend toujours les codes ..

[tupac]

Pour les trois choses que vous avez choisi il vous faut un hébergeur si ce n'est pas le cas je vous propose Harchive-Host-Panel pour héberger vos fichiers gratuitement.

[underload.org]

Desolé mais vous n'êtes pas très explicite . Je dois hébérger quoi sur Archive-Host ? Et n'ai-je aucun code à insérer ?

[tupac]

Pour les menus que vous avez choisi sur mon forum il y a un code JavaScript pour chaque menu donc il vous faut un hébergeur.

En avez-vous un?

[underload.org]

Je n'ai aucun JS et il n'y en a pas sur le Forum "Test" que vous m'avez envoyee . En tout cas j'ai rien vu ! Pouvez-vous me renvoyer le liens pour que je revois ? :/

J'utilise Archive-Host quand j'en ai besoin

[tupac]

C'est normal que vous n'ayez pas de code JS et que vous n'avez pas pu les voir sur le forum puisqu'ils sont dans le template overall_heasder et apparemment vous avez un compte chez Harchive-Host donc très bien je vous envoie les codes par MP.

[tupac]

Je viens de m'apercevoir que vous êtes en phpbb3 donc vous n'avez pas accès au templates,il va falloir trouver un menu sans Javascript et je n'en possède pas sur mon forum test.

Je vais essayer de vous trouver ça.

[underload.org]

J'attend une réponse le plus vite possible de votre part :/

[underload.org]

Toujours rien ?

[Anzu]

Bonjour, Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Je vous invite à lire : - Règles générales du forum - Charte de ce forum A bientôt sur ForumActif

Bonsoir,

Vous êtes sensé connaître les règles de ce forum.
Sujet verrouillé pour 24h.

Cordialement.

[underload.org]

Up !
(Desolé Anzu )

[tupac]

Bonjour underload.org

Je ne vous ai pas oubliés dès que je trouve je vous fais signe.

Bonne journée.

[underload.org]

Mille merci !

[Alex Fowl]

Bonjour,

Dans votre panneau d'administration ==> Affichage ==> Général ==> Message sur la page d'accueil : Collez ce code :

Code:


<style type="text/css">
.picshow { z-index:444; position:relative; background-color:#ffffff; width: 100%; height: 175px}
.picshow_main { position: relative; width: 220px; height: 175px}
.picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 220px; height: 175px}
.picshow_change {position: absolute; text-align: left; bottom: 0px; height: 30px; right: 0px; left: 140px;}
.picshow_change img {width:15px; height: 15px}
.picshow_change a { border: 1px solid; display: block; float: left; margin-right: 5px;  -display: inline}
a.axx { border-color: #555}
a.axx:hover {border-color: #000}
a.axx img { filter: alpha(opacity=40); opacity: 0.4; -moz-opacity: 0.4}
a.axx:hover img {filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0}
a.bxx { border-color: #000}
a.bxx:hover {border-color: #000}
img{
border:0px}
</style>
<script type="text/javascript">

 var smallImg = new Array();

function addImg(src,img,lien,alt) {
  smallImg.push(img);
  eval('img'+smallImg.length+'=new Image();');
  eval('img'+smallImg.length+'.src=\''+src.replace(/\'/g,'\\\\\'')+'\';');
  eval('url'+smallImg.length+'=new Image();');
  eval('url'+smallImg.length+'.src=\''+lien.replace(/\'/g,'\\\\\'')+'\';');
  eval('alt'+smallImg.length+'=new Image();');
  eval('alt'+smallImg.length+'.alt=\''+alt.replace(/\'/g,'\\\\\'')+'\';');

}

/* debut de la partie modifiable */
 
addImg('http://VOTRE_IMAGE.jpg','http://i60.servimg.com/u/f60/12/10/25/45/index_10.gif','http://VOTRE_LIEN','');

addImg('http://VOTRE_IMAGE.jpg','http://i60.servimg.com/u/f60/12/10/25/45/index_11.gif','http://VOTRE_LIEN', '');

addImg('http://VOTRE_IMAGE.jpg', 'http://i60.servimg.com/u/f60/12/10/25/45/index_12.gif', 'http://VOTRE_LIEN', '');

/* fin de la partie modifiable */

 var counts = smallImg.length;

 var nn = 1;
 var key = 0;
 function change_img() {
  if (key == 0) {
  key = 1;
  } else if (document.all) {
  document.getElementById("pic").filters[0].Apply();
  document.getElementById("pic").filters[0].Play(duration = 2);
  }
  eval('document.getElementById("pic").src=img' + nn + '.src');
  eval('document.getElementById("url").href=url' + nn + '.src');
  eval('document.getElementById("pic").alt=alt' + nn + '.alt');
  if (nn == 1) {
  document.getElementById("url").target = "_blank";
  document.getElementById("url").style.cursor = "pointer";
  } else {
  document.getElementById("url").target = "_blank"
  document.getElementById("url").style.cursor = "pointer"
  }
 
  for ( var i = 1; i <= counts; i++) {
  document.getElementById("xxjdjj" + i).className = 'axx';
  }
  document.getElementById("xxjdjj" + nn).className = 'bxx';
  nn++;
  if (nn > counts) {
  nn = 1;
  }
  tt = setTimeout('change_img()', 7000);
 }
 function changeimg(n) {
  nn = n;
  window.clearInterval(tt);
  change_img();
 }
 function ImageShow() {
  document.write('<div class="picshow_main">');
  document.write('<div><a id="url"><img id="pic" class="imgbig" /></a></div>');
  document.write('<div class="picshow_change">');
  for ( var i = 0; i < counts; i++) {
  document.write('<a href="javascript:changeimg(' + (i + 1)
    + ');" id="xxjdjj' + (i + 1)
    + '" class="axx" target="_self"><img src="' + smallImg[i]
    + '"></a>');
  }
  document.write('</div></div>');
  change_img();
 }
 ImageShow();
</script>

Recherchez cette partie :

Code:

/* debut de la partie modifiable */
 
addImg('http://VOTRE_IMAGE.jpg','http://i60.servimg.com/u/f60/12/10/25/45/index_10.gif','http://VOTRE_LIEN','');

addImg('http://VOTRE_IMAGE.jpg','http://i60.servimg.com/u/f60/12/10/25/45/index_11.gif','http://VOTRE_LIEN', '');

addImg('http://VOTRE_IMAGE.jpg', 'http://i60.servimg.com/u/f60/12/10/25/45/index_12.gif', 'http://VOTRE_LIEN', '');

/* fin de la partie modifiable */

Et modifiez les liens et les images à votre volonté !

Cordialement,

[underload.org]

Merci beaucoup, mais j'avais choisit des diaporama de son forum test . Ils ne sont pas pareil :s Je préfere ceux qu'il m'a montrer . Mais merci à vous aussi ! J'enregistre le votre aussi je crois que j'en aurais besoin pour plus tard ..

[Alex Fowl]

Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif

[underload.org]

Je crois qu'on va continuer par MP ..

[tupac]

Oui vous pouvez éditer votre premier message et cocher résolu.