Diaporama en HTML

4 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Diaporama en HTML

Message par underload.org Mar 15 Mar 2011 - 18:56

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 .


Dernière édition par underload.org le Mar 22 Mar 2011 - 13:52, édité 1 fois
avatar

underload.org
***

Masculin
Messages : 163
Inscrit(e) le : 06/01/2011

http://www.underload.org
underload.org a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en HTML

Message par tupac Mar 15 Mar 2011 - 23:25

Bonsoir

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

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en HTML

Message par underload.org Mer 16 Mar 2011 - 0:50

Oui c'est bien ça .. ?!
avatar

underload.org
***

Masculin
Messages : 163
Inscrit(e) le : 06/01/2011

http://www.underload.org
underload.org a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en HTML

Message par tupac Mer 16 Mar 2011 - 5:52

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

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en HTML

Message par underload.org Mer 16 Mar 2011 - 19:07

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

underload.org
***

Masculin
Messages : 163
Inscrit(e) le : 06/01/2011

http://www.underload.org
underload.org a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en HTML

Message par tupac Jeu 17 Mar 2011 - 5:21

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.
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en HTML

Message par underload.org Jeu 17 Mar 2011 - 13:13

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 ?
avatar

underload.org
***

Masculin
Messages : 163
Inscrit(e) le : 06/01/2011

http://www.underload.org
underload.org a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en HTML

Message par tupac Jeu 17 Mar 2011 - 13:28

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?
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en HTML

Message par underload.org Jeu 17 Mar 2011 - 17:23

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 Smile
avatar

underload.org
***

Masculin
Messages : 163
Inscrit(e) le : 06/01/2011

http://www.underload.org
underload.org a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en HTML

Message par tupac Jeu 17 Mar 2011 - 19:25

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

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en HTML

Message par tupac Jeu 17 Mar 2011 - 19:31

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.
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en HTML

Message par underload.org Jeu 17 Mar 2011 - 19:37

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

underload.org
***

Masculin
Messages : 163
Inscrit(e) le : 06/01/2011

http://www.underload.org
underload.org a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en HTML

Message par underload.org Jeu 17 Mar 2011 - 22:53

Toujours rien ?
avatar

underload.org
***

Masculin
Messages : 163
Inscrit(e) le : 06/01/2011

http://www.underload.org
underload.org a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en HTML

Message par Anzu Jeu 17 Mar 2011 - 23:48

Diaporama en HTML Send_210Bonjour,

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 :

A bientôt sur ForumActif Smile

Bonsoir,

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


Cordialement.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en HTML

Message par underload.org Sam 19 Mar 2011 - 11:14

Up !
(Desolé Anzu Embarassed)
avatar

underload.org
***

Masculin
Messages : 163
Inscrit(e) le : 06/01/2011

http://www.underload.org
underload.org a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en HTML

Message par tupac Sam 19 Mar 2011 - 14:11

Bonjour underload.org

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

Bonne journée.
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en HTML

Message par underload.org Dim 20 Mar 2011 - 12:35

Mille merci !
avatar

underload.org
***

Masculin
Messages : 163
Inscrit(e) le : 06/01/2011

http://www.underload.org
underload.org a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en HTML

Message par Alex Fowl Dim 20 Mar 2011 - 14:32

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é ! Smile

Cordialement,
avatar

Alex Fowl
Membre actif

Masculin
Messages : 7557
Inscrit(e) le : 28/03/2009

Alex Fowl a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en HTML

Message par underload.org Dim 20 Mar 2011 - 19:12

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 .. victoire
avatar

underload.org
***

Masculin
Messages : 163
Inscrit(e) le : 06/01/2011

http://www.underload.org
underload.org a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en HTML

Message par Alex Fowl Dim 20 Mar 2011 - 19:18

Diaporama en HTML Check10Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur Diaporama en HTML Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton Diaporama en HTML 50378

A bientôt sur ForumActif Smile
avatar

Alex Fowl
Membre actif

Masculin
Messages : 7557
Inscrit(e) le : 28/03/2009

Alex Fowl a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en HTML

Message par underload.org Lun 21 Mar 2011 - 15:55

Je crois qu'on va continuer par MP ..
avatar

underload.org
***

Masculin
Messages : 163
Inscrit(e) le : 06/01/2011

http://www.underload.org
underload.org a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en HTML

Message par tupac Mar 22 Mar 2011 - 3:00

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

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum