Centraliser mes données sur un fichier js

Fermé
mathiss Messages postés 21 Date d'inscription jeudi 14 février 2008 Statut Membre Dernière intervention 10 août 2009 - 14 févr. 2008 à 17:08
mathiss Messages postés 21 Date d'inscription jeudi 14 février 2008 Statut Membre Dernière intervention 10 août 2009 - 15 févr. 2008 à 15:19
Bonjour,

Voici les codes que j'ai récupéré : ils marchent correctement...
le (1er) : c'est un slide de photos avec liens avec stoppage de l'image au passage de la souris
Le (2ieme): c'est l'affichage aléatoire d'une photo sur 8

avec le (2) pas de probleme, j'ai centrailisé la gestion des images pour toutes mes pages dans un fichier avec => src : images_aleatoire.js

mais avec le code (1er), l'affichage des images en slide ne marche plus quand je veux centraliser de la meme facon que les images aleatoires avec un fichier unique pour plusieurs pages scr : slide_pages.js

Que me manque t-il pour résoudre le problème ? je m'y prend mal peut etre ?

1111111111111111111

// URLs of slides
var slideurl=new Array("slide_neg.gif","slide_neg.gif","slide_neg.gif","slide_neg.gif","slide_neg.gif","slide_neg.gif")

// comments displayed below the slides
var slidecomment=new Array("<strong><center> De la photo...</strong></center>","<strong><center> De la numérisation...</strong></center> ","<center><strong>Par moi meme...</strong></center>","<center><strong> Quoi d'autres...</strong></center>","<center><strong> Des repro-nautes...</strong></center>","<center><strong>Et encore des photos...</strong></center>")

// links for each slide
var slidelink=new Array("index.htm","index.htm","index.htm","index.htm","index.htm","index.htm")

// targets of the links
var slidetarget=new Array("_self","_self","_self","_self","_self")

// the width of the slideshow (pixels)
var scrollerwidth=680

// the height of the slideshow (pixels)
var scrollerheight=180

// font-attributes for the comments
var slidefont="times new romans"
var slidefontcolor="#000000"
var slidefontsize="3"

// do not edit below this line
var allpicturewidth
var distancepictopic=0
var scrollerleft=0
var scrollertop=0
var pause=20
var step=5
var newstep=step
var clipleft,clipright,cliptop,clipbottom
var i_picture=0
var timer
var picturecontent=""
var ns4=document.layers?1:0
var ns6=document.getElementById&&!document.all?1:0
var ie=document.all?1:0


var preloadedimages=new Array()
for (i=0;i<slideurl.length;i++){
preloadedimages[i]=new Image()
preloadedimages[i].src=slideurl[i]
}


function init() {
if (ie) {
allpicturewidth=document.all.picturediv.offsetWidth
document.all.picturediv.style.posTop=scrollertop
document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth
clipleft=0
clipright=0
cliptop=0
clipbottom=scrollerheight
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.picturediv.style.visibility="visible"
scrollpicture()

}
if (ns6) {
allpicturewidth=document.getElementById('emptypicturediv').offsetWidth
document.getElementById('picturediv').style.top=scrollertop
document.getElementById('picturediv').style.left=scrollerleft+scrollerwidth
clipleft=0
clipright=0
cliptop=0
clipbottom=scrollerheight
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.getElementById('picturediv').style.visibility="visible"
scrollpicture()
}
if (ns4) {
allpicturewidth=document.roof.document.picturediv.document.width
document.roof.document.picturediv.top=scrollertop
document.roof.document.picturediv.left=scrollerleft+scrollerwidth
document.roof.document.picturediv.clip.left=0
document.roof.document.picturediv.clip.right=0
document.roof.document.picturediv.clip.top=0
document.roof.document.picturediv.clip.bottom=scrollerheight
document.roof.document.picturediv.visibility="visible"
scrollpicture()
}
}

function scrollpicture() {
if (ie) {
if (document.all.picturediv.style.posLeft>=scrollerleft-allpicturewidth) {
document.all.picturediv.style.posLeft-=step
clipright+=step
if (clipright>scrollerwidth) {
clipleft+=step
}
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
if (ns6) {
if (parseInt(document.getElementById('picturediv').style.left)>=scrollerleft-allpicturewidth) {
document.getElementById('picturediv').style.left=parseInt(document.getElementById('picturediv').style.left)-step
clipright+=step
if (clipright>scrollerwidth) {
clipleft+=step
}
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
if (ns4) {
if (document.roof.document.picturediv.left>=scrollerleft-allpicturewidth) {
document.roof.document.picturediv.left-=step
document.roof.document.picturediv.clip.right+=step
if (document.roof.document.picturediv.clip.right>scrollerwidth) {
document.roof.document.picturediv.clip.left+=step
}
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
}

function onmsover() {
step=0
}
function onmsout() {
step=newstep
}

function resetposition() {
if (ie) {
document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth
clipleft=0
clipright=0
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
scrollpicture()
}
if (ns6) {
allpicturewidth=document.getElementById('emptypicturediv').offsetWidth
document.getElementById('picturediv').style.left=scrollerleft+scrollerwidth
clipleft=0
clipright=0
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
scrollpicture()
}
if (ns4) {
document.roof.document.picturediv.left=scrollerleft+scrollerwidth
document.roof.document.picturediv.clip.left=0
document.roof.document.picturediv.clip.right=0
scrollpicture()
}
}

picturecontent=""
picturecontent+="<table cellpadding=2 cellspacing=0>"
picturecontent+="<tr>"
for (i=0;i<=slideurl.length-1;i++) {
picturecontent+="<td>"
picturecontent+="<a href=\""+slidelink[i]+"\" target=\""+slidetarget[i]+"\" onMouseOver=\"javascript:onmsover()\" onMouseOut=\"javascript:onmsout()\">"
picturecontent+="<img src=\""+slideurl[i]+"\" border=0></a>"
picturecontent+="</td>"
}
picturecontent+="</tr>"
picturecontent+="<tr>"
for (i=0;i<=slideurl.length-1;i++) {
picturecontent+="<td>"
picturecontent+="<font face=\""+slidefont+"\" color=\""+slidefontcolor+"\" size="+slidefontsize+">"
picturecontent+=slidecomment[i]
picturecontent+="</font>"
picturecontent+="</td>"
}
picturecontent+="</tr>"
picturecontent+="</tr></table>"

if (ie || ns6) {
document.write('<div style="position:relative;width:'+scrollerwidth+'px;height:'+scrollerheight+'px;overflow:hidden">')
document.write('<div id="picturediv" style="position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;visibility:hidden">'+picturecontent+'</div>')
document.write('</div>')
document.write('<div id="emptypicturediv" style="position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;visibility:hidden">'+picturecontent+'</div>')
window.onload=init
}

if (ns4) {
document.write('<ilayer name="roof" width='+scrollerwidth+' height='+scrollerheight+'>')
document.write('<layer name="picturediv" width='+scrollerwidth+' height='+scrollerheight+' visibility=hide>'+picturecontent+'</layer>')
document.write('</ilayer>')
window.onload=init
}

}


2222222222222222


var pic=new Array("","1a.gif","2a.gif","3a.gif","4a.gif","5a.gif","6a.gif","7a.gif","8a.gif"); // tableau des noms d'images
var mis=new Array(8); // tableau des indicateurs 'image tirée'
for(i=1;i<9;i++) {mis[i]=0;} // Initialisation à zéro des indicateurs 'image déjà tirée'
total=0; // pour trouver rapidement la dernière image
for(i=1;i<8;i++) // on va boucler sur nombre d'images moins un
{ mis[i]=1+Math.round(Math.random()*7); // tirer aléatoirement un nombre dans mis(i)
trouve=0; // supposons que l'image ne soit pas encore tirée
for (j=1;j<i;j++) // voyons si cette image a été tirée
{if (mis[j]==mis[i]) {trouve=1;} } // si oui
if (trouve==1) {i=i-1;} // recommencer à tirer
if (trouve==0) {total=total+mis[i];} // sinon la compter
}
mis[8]=36-total; // 36=8+7+6+5+4+3+2+1 donc il manque 36-total
var i=1+Math.round(Math.random()*7);
function change() // la fonction temporisée qui change d'image
{document.pic.src=pic[mis[i]];
i++;if(i>8){i=1;}// Attention à rester dans les 8 images ;)
setTimeout("change()", 5000);// Toutes les 5 secondes
A voir également:

2 réponses

Xil Messages postés 350 Date d'inscription vendredi 18 janvier 2008 Statut Membre Dernière intervention 11 juin 2009 257
14 févr. 2008 à 21:02
Bonsoir,

Pourquoi moi ? :p

Je n'ai pas vraiment le temps ce soir, y'a du déménagement dans l'air, j'essayerai d'y regarder plus en détail demain dans la journée.
En survolant rapidement, je remarque qu'il y'a des '& quot;" qui traine a la place de ". C'est p-e du au copier coller.
Dans le premier tableau JS (slideurl) tu n'utilise qu'une seule image : slide_neg.gif, je ne sais pas si c'est normal.
Et il manque les point-virgule ';' au bout de chaque instruction du premier fichier. Ca provoque des erreurs dès la première ligne, donc le script ne va pas plus loin.

Si ceci ne règle pas le problème, remet moi une version corrigée du premier script et j'y regarderai plus loin.

Cordialement,

Xil.
0
mathiss Messages postés 21 Date d'inscription jeudi 14 février 2008 Statut Membre Dernière intervention 10 août 2009 1
15 févr. 2008 à 15:19
les script marchent tres bien mais je voudrais compiler dans un dossier uniques les scripts pour toutes les pages...

ma commande ne marche pas pour le script (1)
les point-virgule visiblement cela fonctionne ? quand même !!
je rappelle que c pour eviter de refaire la saisie sur chaque page du script avec les nouvelles données...
300 pages...htm
0