Diaporama en HTML

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

Résolu Diaporama en HTML

Message par underload.org le 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

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 le 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
+ Hyperactif +

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

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

Résolu Re: Diaporama en HTML

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

Oui c'est bien ça .. ?!

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 le 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
+ Hyperactif +

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

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

Résolu Re: Diaporama en HTML

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

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

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 le 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
+ Hyperactif +

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

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

Résolu Re: Diaporama en HTML

Message par underload.org le 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 ?

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 le 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
+ Hyperactif +

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

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

Résolu Re: Diaporama en HTML

Message par underload.org le 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

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 le 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
+ Hyperactif +

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

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

Résolu Re: Diaporama en HTML

Message par tupac le 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
+ Hyperactif +

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

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

Résolu Re: Diaporama en HTML

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

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

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 le Jeu 17 Mar 2011 - 22:53

Toujours rien ?

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 le Jeu 17 Mar 2011 - 23:48

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 :

A bientôt sur ForumActif Smile

Bonsoir,

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


Cordialement.

Anzu
+ Hyperactif +

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

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

Résolu Re: Diaporama en HTML

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

Up !
(Desolé Anzu Embarassed)

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 le 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
+ Hyperactif +

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

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

Résolu Re: Diaporama en HTML

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

Mille merci !

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 le 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,

Alex Fowl
+ Hyperactif +

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

http://www.aidactif.fr
Alex Fowl a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en HTML

Message par underload.org le 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

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 le Dim 20 Mar 2011 - 19:18

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 résolu
  • 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 Smile

Alex Fowl
+ Hyperactif +

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

http://www.aidactif.fr
Alex Fowl a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en HTML

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

Je crois qu'on va continuer par MP ..

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 le Mar 22 Mar 2011 - 3:00

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

tupac
+ Hyperactif +

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

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

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


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