créer un site


DIAPORAMA MAC OSX

Poster un nouveau sujet sur html   Répondre au sujet à html:DIAPORAMA MAC OSX    Accueil Forum -> html
Voir le sujet précédent :: Voir le sujet suivant  
Auteur Message
Pat
frontpage mioche
frontpage mioche
MessageDIAPORAMA MAC OSX , Posté le: 20-10-2007 0:05

Bonjour à toutes et à tous, je suis un tout jeune "webmaster" de 60 ans, j'ai découvert depuis 6 mois internet et Dreamweaver. Je suis entrain de réaliser un petit site sur lequel je voudrais intégrer un diaporama automatique comme celui-ci http://www.labastidedescretes.fr/ . J'ai trouvé sur le forum beaucoup d'articles concernant les diaporamas, mais pas ce que je recherche.... Je ne sais pas comment faire ??? Crying or Very sad je me débrouille un peu en html, je suis sur Mac OSX avec dreamweaver 8. Pourriez-vous me conseiller ??? Un GRAND MERCI d'avance. Laughing
Shadowshen
shadmioche
shadmioche
MessageDIAPORAMA MAC OSX , Posté le: 20-10-2007 12:55

Après analyse, il s'agit ici d'un script en "javascript". Je suis moi aussi amateur et le javascript m'est inconnu. (MAC OSX et dreamweaver me sont également inconnus Confused )

Toutefois si on clique droit sur le site et qu'on selectionne "Afficher la source", on peut voir le code de la page et simplement recopier le script qui permet cette diapositive d'images. Je vais essayer de te concoqueter le script mais je promet rien hein, c'est dur Razz

Imaginons que tu aie 4 images que tu souhaite faire défiler les une apres les autres aléatoirement:

Entre <head> et </head>
Citation:
<SCRIPT LANGUAGE="JavaScript">

<!--
var timeDelay = 3;
var Pix = new Array();

Pix[0] = 'image1.jpg';
Pix[1] = 'image2.jpg';
Pix[2] = 'image3.jpg';
Pix[3] = 'image4.jpg';

var howMany = Pix.length;
timeDelay *= 1000;
var PicCurrentNum = 0;
var PicCurrent = new Image();
PicCurrent.src = Pix[PicCurrentNum];
function startPix() {
setInterval("slideshow()", timeDelay);
}
function slideshow() {
PicCurrentNum++;
if (PicCurrentNum == howMany) {
PicCurrentNum = 0;
}
PicCurrent.src = Pix[PicCurrentNum];
document["ChangingPix"].src = PicCurrent.src;
}
// End -->
</script>


Entre <body> et </body> (là où tu veux que les images apparaissent)
Citation:
<img name="ChangingPix" src="image1.jpg">


Dans <body>
Citation:
<body OnLoad="startPix()">


En bleu, les images qui vont défiler. Remplace image1.jpg par le nom de tes images. Exemple: mon_chien.jpg (attention c'est important de mettre le nom des images entre ces especes de crochets: 'image1.jpg'
En vert, l'image qui apparaitra en premier

Pour ajouter une ou plusieurs image(s), il suffit d'ajouter dans le premier code, à la ligne:

Pix[4] = 'image5.jpg';
Pix[5] = 'image6.jpg';
etc...

(Attention une image est définie comme Pix0. Image 0. Ce qui décale le tout. C'est pas bien grave)

Voila, très dur mais efficace. J'ai essayé et ça marche. Les images sont jouées aléatoirement. Malheureusement je ne m'y connais pas suffisement pour que les images soient jouées les une après les autres dans un ordre bien défini Sad
Et désolé c'est presque un roman que j'ai écrit là. Mais courage ! Smile
Pat
frontpage mioche
frontpage mioche
MessageDIAPORAMA MAC OSX , Posté le: 20-10-2007 21:24

Bonjour Shadowshen,
Un GRAND MERCI pour ta réponse très rapide et très précise. J'ai appliqué scrupuleusement tes directives mais cela ne marche pas.
Crying or Very sad Je galère depuis 3 heures sur le "morceau"... Je vais passer mon Mac par la fenêtre... Il me manque peu de chose pour y arriver... En effet, l'image1 apparait mais les autres sont absentes. Le problème est peut-être au niveau du stockage des photos. Doit-je les mettre dans un fichier ou bien au même niveau que la page ? J'ai essayé avec ou sans fichier, j'ai essayé les balises src, img, a href ... rien n'y fait Crying or Very sad J'ai remarque sur le code source du site http://www.labastidedescretes.fr/ que l'auteur a utilisé :
Pix[0] = 'upload/img_1184677002.JPG';
Pix[1] = 'upload/img_1184677370.jpg'; est-ce normal???
J'ai créé une page, avec des photos, le tout mis dans le même fichier dont voici le code :

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Diaporama</title>
<script language="JavaScript">
<!--
var timeDelay = 3;
var Pix = new Array();

Pix[0] = 'image1.jpg';
Pix[1] = 'image2.jpg';
Pix[2] = 'image3.jpg';
Pix[3] = 'image4.jpg';

var howMany = Pix.length;
timeDelay *= 1000;
var PicCurrentNum = 0;
var PicCurrent = new Image();
PicCurrent.src = Pix[PicCurrentNum];
function startPix() {
setInterval("slideshow()", timeDelay);
}
function slideshow() {
PicCurrentNum++;
if (PicCurrentNum == howMany) {
PicCurrentNum = 0;
}
PicCurrent.src = Pix[PicCurrentNum];
document["ChangingPix"].src = PicCurrent.src;
}
// End -->
</head>

<body>
<body OnLoad="startPix()">
</body>
</script>
</head><p>&</p>
<p>&</p>
<p align="center"><img name="ChangingPix" src="image1.jpg" /></p>
</html>

Résultat, en local sur Explorer, seule l'image1 est visible et en fixe...
Il doit y avoir une petite erreur qui bloque, je suis sur qu'il manque très peu de chose mais je n'ai pas les compétences pour trouver
Si lors de tes essais cela fonctionnait, peut-tu comparer stp avec ton code html... Wink
D'avance MERCI
Pat
Shadowshen
shadmioche
shadmioche
MessageDIAPORAMA MAC OSX , Posté le: 21-10-2007 11:59

Quelques soucis de base HTML, rien de bien grave Smile Faut avouer que mes explications n'étaient pas très simples à comprendre Embarassed


Citation:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Diaporama</title>
<script language="JavaScript">
<!--
var timeDelay = 3;
var Pix = new Array();

Pix[0] = 'image1.jpg';
Pix[1] = 'image2.jpg';
Pix[2] = 'image3.jpg';
Pix[3] = 'image4.jpg';

var howMany = Pix.length;
timeDelay *= 1000;
var PicCurrentNum = 0;
var PicCurrent = new Image();
PicCurrent.src = Pix[PicCurrentNum];
function startPix() {
setInterval("slideshow()", timeDelay);
}
function slideshow() {
PicCurrentNum++;
if (PicCurrentNum == howMany) {
PicCurrentNum = 0;
}
PicCurrent.src = Pix[PicCurrentNum];
document["ChangingPix"].src = PicCurrent.src;
}
// End -->
</head>


<body OnLoad="startPix()">

<p align="center"><img name="ChangingPix" src="image1.jpg" /></p>

</body>
</html>


head ne doit être ouvert et fermé qu'une seule fois: <head></head>
body ne doit être ouvert et fermé qu'une seule fois: <body></body>
Le code est à insérer directement dans le <body> que tu avais deja.

Ensuite:

1. je ne comprend pas les <p>&</p>. Pour des retour à la ligne, j'utilise les <br><br>

2. Et concernant "upload". Il s'agit ici d'un dossier que le type à créé et dans lequel il a mis ses photos. Si tes photos sont dans le meme repertoire que ta page html, pas besoin de le mettre. Wink

Ca devrait marcher maintenant Very Happy OnLoad="startPix()" est le code qui ordonne de commencer le diaporama une fois la page internet chargée Wink
Pat
frontpage mioche
frontpage mioche
MessageDIAPORAMA MAC OSX , Posté le: 21-10-2007 22:57

Bonjour Shadowshen
EUREKA !!! ça marche UN TRES GRAND MERCI à toi !!! Laughing Laughing Laughing
Cela faisait une semaine que je "planchais" sur le problème... Crying or Very sad
Sans toi, je n'y serais jamais arrivé MERCI. Razz
à bientôt Wink
Pat
Shadowshen
shadmioche
shadmioche
MessageDIAPORAMA MAC OSX , Posté le: 22-10-2007 19:47

De rien, c'est toujours un plaisir Wink De plus, j'ai moi aussi appris grâce à ça Very Happy

Au plaisir ++
Montrer les messages depuis:   
Poster un nouveau sujet sur html   Répondre au sujet à html:DIAPORAMA MAC OSX    Accueil Forum -> html Toutes les heures sont au format GMT + 1 Heure
Page 1 sur 1

 
Sauter vers:  
S'enregistrerS'enregistrer
ProfilProfil
Se connecter pour vérifier ses messages privésSe connecter pour vérifier ses messages privés
RechercherRechercher
Liste des MembresMembres
FAQFAQ
ConnexionConnexion 


© Mentions Légales