|
|
Voir le sujet précédent :: Voir le sujet suivant |
Auteur |
Message |
Pat frontpage mioche
|
DIAPORAMA 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 ??? 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. |
|
|
Shadowshen shadmioche
|
DIAPORAMA 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 )
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
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
Et désolé c'est presque un roman que j'ai écrit là. Mais courage ! |
|
|
Pat frontpage mioche
|
DIAPORAMA 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.
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 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...
D'avance MERCI
Pat |
|
|
Shadowshen shadmioche
|
DIAPORAMA MAC OSX , Posté le: 21-10-2007 11:59 |
|
|
Quelques soucis de base HTML, rien de bien grave Faut avouer que mes explications n'étaient pas très simples à comprendre
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.
Ca devrait marcher maintenant OnLoad="startPix()" est le code qui ordonne de commencer le diaporama une fois la page internet chargée |
|
|
Pat frontpage mioche
|
DIAPORAMA MAC OSX , Posté le: 21-10-2007 22:57 |
|
|
Bonjour Shadowshen
EUREKA !!! ça marche UN TRES GRAND MERCI à toi !!!
Cela faisait une semaine que je "planchais" sur le problème...
Sans toi, je n'y serais jamais arrivé MERCI.
à bientôt
Pat |
|
|
Shadowshen shadmioche
|
DIAPORAMA MAC OSX , Posté le: 22-10-2007 19:47 |
|
|
De rien, c'est toujours un plaisir De plus, j'ai moi aussi appris grâce à ça
Au plaisir ++ |
|
|
|
|
S'enregistrer
Profil
Se connecter pour vérifier ses messages privés
Rechercher
Membres
FAQ
Connexion
|