Salut à tous,
bon dabord je suis pas un fort utilisateur de forum sauf cas extreme pour trouver des astuces bout de codes sinon Niet !
Je suis pas un fort en programmation j'ais de bes et je me met juste au javascript pour le plaisir et reprendre des réflexes : pour faire un site perso tranquille !!
Alors j'ais un peu modifié un code de défilement de vignettes, l'original est un défilement horizontal et comme je voulais verticale j'ais bien fait ce qu'il fallait
sauf que d'une je pense que il doit y avoir des problemes de compatibilité de Navigateur ce dont je ne métrise pas du tout ...
d'aute part il y a un principe de référencement par
Id pour la mise en place du code
+ des parties de code qui sont des objet imbriqué, semble t'il, de type
document.body.remouvechild () dont je ne maitrise pas la synthaxe.
Je suis ainsi bloqué car je n'arrive pas à déplacer ce scripte ( avec ses fonction ...) de la balise BODY !! Impossible de l'intégrer dans une balise DIV
-Y aurais t'il une simplification a faire ?
-de quelle manière puis-je modifié le code pour le placer ou je veux !!!
genre créer une fonction globale pour le sripte qui peut être appelé par un simple onmouseover="fonction defile()"
-et si ma fois je trouvais le moyen d'ouvrir les liens dans un Id (emplacement) spécifique alors ce serais le mieux !
voila le code :
<html>
<head>
<title>...</title>
<style type="text/css">
body {margin:0px}
img {display:none;position:absolute}
// proprietes de la boite a images;"position" et "overflow" sont necessaires;
#c {display:none;margin-top:100px;background-color:#ffcc00;position:relative;overflow:hidden;}
</style>
</head>
<body>
<h1 id="mess" style="text-align:center">
Veuillez patienter...
</h1>
<div id="nul"></div>
<div style="margin-top:50px;margin-left:50px">
<p><strong>
En passant sur la boite a images, on decide du sens et de la vitesse de defilement;<br />
Il y a des les liens images;<br/>
On peut alors afficher chaque image dans une fenetre independante (pas d'agrandissement ici,
ce n'est pas le but);<br />
</strong></p>
</div>
<div id="GdImage"> </div>
<script type="text/javascript">
//||||||||||||||||||||||||||
//Nombre d'image a défiler|
//||||||||||||||||||||||||||
var NbImage=5
//||||||||||
//Variables|
//||||||||||
var timer,zero,w,lf,el;
var tab=new Array(NbImage);
var pos=0;
var val=0;
var oui=true;
//||||||||||||||||||||||||
//Variables parametrables|
//||||||||||||||||||||||||
var MG=100;// MARGE de GAUCHE de la boite a images;
var MH=100;// MARGE du HAUT de la boite a images;
var H=450;// HAUTEUR de la boite a images (forcement superieure a la somme des largeurs des images);
var L=150;// LARGEUR de la boite a images;
var delai=Math.round(H/4);// le delai initial est d'un quart de la hauteur de la boite;
//|||||||||||||||||||||
//Creation de la boite|
//|||||||||||||||||||||
var c=document.createElement('div');
c.id="c";
c.style.marginTop=MH+"px";
c.style.height=H+"px";
c.style.width=L+"px";
var dec=MH+H/4;// position verticale au centre de la boite;
//||||||||||||||||||||
//Creation des images|
//||||||||||||||||||||
for(i=0;i!=NbImage;i++){
zero= i<9 ? 0 : "";
tab[i]=new Image();
tab[i].src="DSC"+zero+(i+1)+".JPG";
c.appendChild(tab[i]);
}
document.body.replaceChild(c,document.getElementById('nul'));
//|||||||||||||||||||||||
//Deplacement des images|
//|||||||||||||||||||||||
function go(){
for(i in tab){
lf=parseInt(tab[i].style.top);
w=tab[i].height;
tab[i].style.top=lf+val+"px";
if(lf>pos-w){
tab[i].style.top=lf-pos+"px"};
if(lf<H-pos){
tab[i].style.top=lf+pos+"px"};
}
timer=setTimeout("go()",delai)
}
//||||||||||||||||
//Vitesse et sens|
//||||||||||||||||
function speed(e){
el= (!e) ? event.clientY : e.pageY;
if(el>=dec){
delai=H/2+2-(el-dec);val=-2}// val=deplacement
else{
delai=H/2-2-(dec-el);val=2};// val=deplacement
}
//||||||||||||||||||||||||
//Gestionnaire de "speed"|
//||||||||||||||||||||||||
c.onmousemove=speed;
//||||||||||||||||||||
//Lancement des liens|
//||||||||||||||||||||
c.onclick=function(){
for(i in tab){
tab[i].onclick=function(){
// if(this.style.cursor=="pointer"){
if (i<=NbImage) {
window.open(src="Neige_Bx_24-01-07/DSC"+zero+(i)+".JPG")}
}
// }
;
}
}
//;
//|||||||||||||||||||||||||||||||||||||||||||||||||
//Positionnement des images et lancement du script|
//|||||||||||||||||||||||||||||||||||||||||||||||||
onload=function(){
document.body.removeChild(document.getElementById("mess"));
c.style.display="block";
for(i in tab){
tab[i].style.top=pos+"px";
tab[i].style.left=(L-tab[i].width)/2+"px";
tab[i].style.display="inline";
pos+=tab[i].height;
}
go();
}
</script>
</body>
</html>