La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  Javascript / DOM / Ajax
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Diaporama cube
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Diaporama cube  (Lu 2494 fois)
Diaporama cube
« sur: le 03-02-2007 a 16:26:47 »
Bouclette
Membre récent
*

Hors-Ligne

Sexe: Femelle
Messages: 2





Voir le Profil    WWW    E-Mail
Répondre avec citation

Bonjour,

Je suis nouvelle sur ce forum et j'espère que je suis au bon endroit pour avoir un coup de main

J'ai inséré sur mon site, un diaporama sous forme de cube qui fonctionne tres bien... Mais je souhaite en mettre plusieurs, sur la meme page pour départager l'information (site d'actualites).. mais ça ne fonctionne pas lorsque j'essaie 

ex : un cube actualité nationale, un cube actualité internationale.. etc ...

Merci par avance de vos réponses, si besoin je peux mettre le code du cube




Rapporter au modérateur  

Re:Diaporama cube
« Répondre #1 sur: le 04-02-2007 a 18:09:09 »
tavman
Habitué
***

Hors-Ligne

Messages: 466



HS

Voir le Profil
Répondre avec citation

Tu peut montrer un peu ton site parceque là, ca m'interresse pas mal le coup du cube.
Pour ton problème, je pense que ca vient du code qui a pas été prévu pour en mettre plusieurs...

Rapporter au modérateur  

I-Radian
Re:Diaporama cube
« Répondre #2 sur: le 05-02-2007 a 06:48:56 »
Bouclette
Membre récent
*

Hors-Ligne

Sexe: Femelle
Messages: 2





Voir le Profil    WWW    E-Mail
Répondre avec citation

Voici le code du cube :)

<script language="JavaScript1.1">
/*
Picture Cube slideshow - By Tony Foster III
Modifications par WEB Creation le 14/07/2004 :
Suppression de code redondant, traduction des fonctions et variables en français, commentaires.
*/
// Dossier où se situent vos images (si dans le même répertoire que le script, mettre un point -> var dossier=".";
var dossier="Images";
// Le tableau qui va contenir vos images. Pour en rajouter, il suffit d'insérer la ligne suivante : tab_images

  • =""+dossier+"/nom_image.jpg";
    // et de remplacer X par un numéro (différent des précédents)
    var tab_images=new Array()
    tab_images
  • =""+dossier+"/abbepierre.jpg";
    tab_images[1]=""+dossier+"/avion.jpg";
    tab_images[2]=""+dossier+"/besancenot.jpg";
    tab_images[3]=""+dossier+"/benladen.jpg";
    tab_images[4]=""+dossier+"/buffet.jpg";
    tab_images[5]=""+dossier+"/chazal.jpg";
    tab_images[6]=""+dossier+"/chirac.jpg";
    tab_images[7]=""+dossier+"/europe.jpg";
    tab_images[8]=""+dossier+"/euros.jpg";
    tab_images[9]=""+dossier+"/foot.jpg";
    tab_images[10]=""+dossier+"/hulot.jpg";
    tab_images[11]=""+dossier+"/hussein.jpg";
    tab_images[12]=""+dossier+"/lepen.jpg";
    tab_images[13]=""+dossier+"/resto.jpg";
    tab_images[14]=""+dossier+"/lune.jpg";
    tab_images[15]=""+dossier+"/manaudou.jpg";
    tab_images[16]=""+dossier+"/natacha.jpg";
    tab_images[17]=""+dossier+"/noiret.jpg";
    tab_images[18]=""+dossier+"/pinochet.jpg";
    tab_images[19]=""+dossier+"/ppda.jpg";
    tab_images[20]=""+dossier+"/pujadas.jpg";
    tab_images[21]=""+dossier+"/radar.jpg";
    tab_images[22]=""+dossier+"/royal.jpg";
    tab_images[23]=""+dossier+"/sarko.jpg";
    tab_images[24]=""+dossier+"/schonberg.jpg";
    tab_images[25]=""+dossier+"/theuriau.jpg";
    tab_images[26]=""+dossier+"/urne.jpg";
    tab_images[27]=""+dossier+"/villiers.jpg";
    tab_images[28]=""+dossier+"/voynet.jpg";
    tab_images[29]=""+dossier+"/zidane.jpg";

    // Le délai de passage d'une image à l'autre en millisecondes -> 1s=1000
    var delai=2500;

    // Variable de compteur qui indiquera à quelle image on se trouve
    var compteur=1;

    // La fonction qui va permettre le défilement
    function Diaporama(){
    // partie où on applique les filtres propres à IE
    if (window.createPopup)
    diaporama.filters
  • .apply();
    document.images.diaporama.src=tab_images[compteur];
    if (window.createPopup)
    diaporama.filters
  • .play();
    // On incrémente le compteur de 1 pour passer à l'image suivante
    compteur++;
    // Si on a atteint la dernière image, on remet à zéro le compteur et on rappelle la fonction Diaporama()
    if (compteur==tab_images.length)
    compteur=0;
    setTimeout("Diaporama()",delai)
    }
    // On charge au démarrage de la page la fonction de défilement des images
    window.onload=new Function("setTimeout('Diaporama()',delai)")
    </script>
    <table width="791" border="0" cellpadding="0" cellspacing="0">
      <!--DWLayoutTable-->
      <tr>
        <td width="1" height="20">&nbsp;</td>
        <td width="697">&nbsp;</td>
        <td width="93">&nbsp;</td>
      </tr>
      <tr>
        <td height="389">&nbsp;</td>
        <td valign="top"><div align="center"><img src="Images/abbepierre.jpg" name="diaporama" border="0" style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle='PUSH')"></div></td>
        <td>&nbsp;</td>
      </tr>
    </table>

    et mon site : http://perso.orange.fr/tchat-actualites/Sommaire.htm

  • Rapporter au modérateur  
    Re:Diaporama cube
    « Répondre #3 sur: le 05-02-2007 a 14:58:51 »
    tavman
    Habitué
    ***

    Hors-Ligne

    Messages: 466



    HS

    Voir le Profil
    Répondre avec citation

    L'effet est sympas mais ca ne marche que sous IE... Alors que ca pourrait facilement etre modifier et fonctionner sous FireFox aussi (ce qui représente utilisateurs environ 20% des utilisateurs)
    Là j'ai pas le temps de t'aider mais je verai ce soir ce que je peux faire... ca devrait pas etre trop long.

    Rapporter au modérateur  

    I-Radian
    Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
    Pages: [1] Monter
    « Précédent Suivant »
    Sauter à: 

    Votre statut : Invité
    Vous devez être membre pour participer.
     
     
    Let’s Encrypt : le certificat SSL gratuit
    Tester votre site internet sur différents navigateurs
    [WordPress] Des problèmes avec l’administration ?
    Rappel : Mettez à jour vos CMS et vos sites E-commerce
    Le .fr fête ses 25 années d’existence !
    Mesurer votre audience en temps réel avec BubbleStat
    Porter réclamation contre Google Panda ?
    Zlio n’est plus …
     
     
     
     
     

    Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

    creation site internet strasbourg