plusieurs scripts

lynyrd1

5 Novembre 2005 19:55:51

bonjour
je ne connais rien du tout au langage javascript,et j'ai donc fait un copier coller d'un script(carrousel)que j'ai trouvé sur le web.
je voudrais avoir plusieurs applications du même script sur la même page,mais lorsque je recopie le script plusieurs fois,il n'y en a qu'un qui fonctionne.
quelqu'un pourrait t'il maider?
voiçi le script et par avance je vous remercie

<html>
<head>
<title>carrousel</title>
<script type="text/javascript" title="G1SCRIPT">
//Script Généré sur le Site http://www.G1SCRIPT.COM
// Carousel Slideshow II - By Harry Armadillo

function carousel(params){
if(!(params.width>0 && isFinite(params.width)))params.width=100;
if(!(params.height>0 && isFinite(params.height)))params.height=100;
if(!(params.sides>2 && isFinite(params.sides)))params.sides=4;
if(!(params.steps>0 && params.steps<100 && isFinite(params.steps)))params.steps=20;
if(!(params.speed>0 && isFinite(params.speed)))params.speed=8;
if(!(params.image_border_width>=0 && isFinite(params.image_border_width)))params.image_border_width=0;
if(isFinite(params.id)||!params.id)params.id='bad_id_given_'+Math.random();

document.write("<div style='position:relative;left:750;overflow:hidden;' id='"+params.id.replace(/[^a-zA-Z0-9]+/g,'_')+"'></div>");
var cdiv=document.getElementById(params.id.replace(/[^a-zA-Z0-9]+/g,'_'))
cdiv.style.width=params.width+'px';
cdiv.style.height=params.height+'px';
cdiv.style.border=params.border;
cdiv.style.position='relative';
cdiv.style.overflow='hidden';
cdiv.title=params.id;

var counter=0,spinning=true,interval=Math.floor(60000/params.sides/params.steps/params.speed)-5;
interval=isNaN(interval)?200:interval;
var img_position=[],images=[],img_dimension=[];
var img_index=params.images.length+1,img_index_cap=2*params.images.length;
var faces=Math.ceil(params.sides/2), dimension, direction, targ, attr, faraway;

function init(){
if(params.direction=="left" || params.direction=="right"){
direction=params.direction;
dimension="width";
}
else if(params.direction=="top" || params.direction=="bottom"){
direction=params.direction;
dimension="height";
}
else {
direction="left";
dimension="width";
}
faraway=(direction=="left"||direction=="top")?'-20000px':'20000px';
cdiv.style[dimension]=params[dimension]/(params.size_mode=='image'?Math.sin(Math.PI/params.sides):1)+'px';
var img=new Image();
img.style.position='absolute';
img.style[direction]=faraway;
img.style.width=params.width-2*params.image_border_width+'px';
img.style.height=params.height-2*params.image_border_width+'px';
img.style.border=(params.image_border_width||0)+'px solid '+params.image_border_color;

for(var i=0;i<params.images.length;i++){
images=img.cloneNode(true);
images.src=params.images;
if(params.links && params.links && params.links!=''){
targ=params.lnk_targets && params.lnk_targets||params.lnk_base||'new';
if(targ=="_blank"){
attr=(params.lnk_attr && params.lnk_attr)?",'"+params.lnk_attr+"'":"";
images.onclick=new Function("window.open('"+params.links+"','"+targ+"'"+attr+")");
}
else if(targ.substr(0,1)=="_"){
images.onclick=new Function(targ.substr(1)+".location='"+params.links+"'");
}
else{
attr=(params.lnk_attr && params.lnk_attr)?",'"+params.lnk_attr+"'":"";
images.onclick=new Function("var t='"+targ+"';if(window[t]){try{window[t].close()}catch(z){}}window[t]=window.open('"+params.links+"',t"+attr+");window[t].focus()");
}
images.style.cursor=document.all?'hand':'pointer';
}

if(params.titles && params.titles && params.titles!='')
images.title=params.titles;
if(document.all)
images.alt=images.title;
images[i+params.images.length]=images;
if(params.images.length==faces)
images[i+2*params.images.length]=images;
cdiv.appendChild(images);
}

var face_size=params.size_mode=='image'?params[dimension]

arams[dimension]*Math.sin(Math.PI/params.sides);
var face_offset=params[dimension]*Math.cos(Math.PI/params.sides)/(params.size_mode=='image'?Math.sin(Math.PI/params.sides):1)/2-.5;
var pi_piece=2*Math.PI/params.steps/params.sides;
for(i=0;i<=params.steps*faces;i++){
img_dimension=face_size*Math.sin(pi_piece*i);
img_position=(i<params.steps*params.sides/2)?Math.floor(params[dimension]/2/(params.size_mode=='image'?Math.sin(Math.PI/params.sides):1)-face_offset*Math.cos(pi_piece*i)-img_dimension/2)+'px':faraway;
img_dimension=img_dimension-2*params.image_border_width>1?Math.ceil(img_dimension)-2*params.image_border_width+'px':'1px';
}
}
init();

cdiv.rotate = function(){
setTimeout('document.getElementById("'+cdiv.id+'").rotate()',interval);
if(!spinning) return;
if(++counter>=params.steps){
counter=0;
if(++img_index>=img_index_cap)
img_index=params.images.length;
}
images[img_index-faces].style[direction]=faraway;
for(var i=faces-1;i>=0;i--){
images[img_index-i].style[direction]=img_position[counter+i*params.steps];
images[img_index-i].style[dimension]=img_dimension[counter+i*params.steps];
}
}
cdiv.onmouseover=function(){
spinning=false;
}
cdiv.onmouseout=function(){
spinning=true;
}
setTimeout('document.getElementById("'+cdiv.id+'").rotate()',100);
}
</script>

</head>
<body>
<div style="margin-top: 1em; font-weight: bold;"></div>
<SCRIPT language="JavaScript" title="G1SCRIPT" type="text/javascript">
//Script Généré sur le Site http://www.G1SCRIPT.COM
carousel({id:'Mes Images 2',
border:'',
size_mode:'image', //Enter "carousel" or "image". Affects the width and height parameters below.
width:107, //Enter width of image or entire carousel, depending on above value
height:140, //Enter height of image or entire carousel, depending on above value
sides:6, //# of sides of the carousel. What's shown = sides/2. Even integer with sides/2< total images is best
steps:23, //# of animation steps. More = smoother, but more CPU intensive
speed:5, //Speed of slideshow. Larger = faster.
direction:'top', //Direction of slideshow. Enter "top", "bottom", "left", or "right"
images:['1.jpg',
'2.jpg',
'3.jpg',
'4.jpg'],
links: ['http://www.g1script.com', //enter link URLs, or for no links, empty array instead (links :[])
'http://www.atleticwong.be',
'http://www.espacejavascript.com',
'http://www.espacephp.com'],
lnk_base:'',
lnk_targets:['photo',
'photo',
'_blank',
'_top.steve' ],
lnk_attr:['width=700,height=600,top=200,menubar=yes', //window attribute for each pop up (see url above for docs)
'width=700,height=600,left=400,scrollbars=yes',
'width=750,height=550,left=300,top=100',
''],
titles:['Opens in \'photo\' window',
'Opens in \'photo\' window',
'Opens in blank window',
'Opens in iframe called "steve"'],
image_border_width:1,
image_border_color:'black'
});
//Identifiant du script: V10-255/Images
//Mis en ligne: 11/08/05
//By TANGUY
</SCRIPT>

</body>
</html>

Autres pages sur : plusieurs scripts

| Etre averti des réponses
| Alerter

Répondre à lynyrd1

KangOl

5 Novembre 2005 20:32:52

balise [code]

edit :tab owned

| Alerter

Répondre à KangOl

KangOl

5 Novembre 2005 20:36:10

tu as pas pire comme script ?

et pourquoi tu utilises pas un des nombreux "script" flash dispo sur le net...

| Alerter

Répondre à KangOl

lynyrd1

5 Novembre 2005 21:31:50

he bien celui ci fonctionne tres bien pour un neophhyte comme moi.
(mais mon prebleme reste entier,que dois je faire avec celui ci pour le le faire fonctionner en double,)
merci

| Alerter

Répondre à lynyrd1

KangOl

5 Novembre 2005 21:45:34

fait 2 pages alors ...

| Alerter

Répondre à KangOl

lynyrd1

5 Novembre 2005 21:53:15

je ne te comprend pas tres bien,il me faut 2 carrousels sur la même page.
(en tout cas , merci pour tes reponses rapides)

| Alerter

Répondre à lynyrd1

KangOl

5 Novembre 2005 22:09:33

deja essaye de comprendre comment ca fonctionne, ensuite tu pourras essayer d'adapter a ton problème

| Alerter

Répondre à KangOl

lynyrd1

5 Novembre 2005 22:23:20

la solution est peut etre evidente pour toi,mais pour moi c'est du chinois.
mais c'est pas grave,j'irai chercher la reponse ailleurs.
merçi quand même.

| Alerter

Répondre à lynyrd1

KangOl

6 Novembre 2005 09:34:56

non elle est pas trivial pour moi, le code est écris de facon lisible (balise [code] et indentation) et j'ai pas envie de réfléchir a ta place

| Alerter

Répondre à KangOl

KangOl

6 Novembre 2005 09:36:51

bon je suis sympa, pour en mettre n, tu appelles n fois la fonction carrousel avec des parametres différents...

| Alerter

Répondre à KangOl