java script mur d'image en arc de cercle 3dRésolu

Question

bonjour
je suis un nouveau membre et je me nomme David
j'ai eu à telecharger le code source du projet java script mur d'image en arc de cercle 3d. Mais mon probleme c'est que je n'arrive pas à remplacer les images ki y sont par celles qui m'interessent

jordane45 · Answer

Bonjour. ..
attends..j'allume mes boules de divination. ... ah ben non..marche pas... :-D

Bon.. après cette boutade... dis nius de quel script tu parles exactement (donne son lien) et explique nous ce que tu as essayé de faire. ..

@karamel · Answer

bonjour

c'est dans le fichier html les image doivent etre declaré dans un array

function mur_instance( tb,repertoire, tps ){

var ob=Object.create(k_mur);

ob.nombre=10;    //nombre d'image en horizontal -1
 ob.nb_hauteur=7;   //nombre d'image en verticale
 ob.angle_max=Math.PI/3;
 ob.marge=4;  //espacement entre chaques image
 ob.chemin="images/";  //repertoire ou se situe les image

// tableau contenant le nom des images

ob. tbmage=['aerien.jpg','wall.jpg','karen.jpg','halo.jpg','tortue.jpg','optimus.jpg','star.jpg','chloe.jpg','war.jpg','cap.jpg','cow.jpg','cow2.jpg','main.jpg','croods.jpg','justicier.jpg','planete.jpg','pont.jpg','rob.jpg','hobbit.jpg','america.jpg','elsa.jpg','toy.jpg','ping.jpg','plane.jpg','spider.jpg','sucker.jpg','king_kong.jpg','ville.jpg','harry.jpg','coraline.jpg','qui.jpg','singe.jpg','lost.jpg','cap.jpg','fille.jpg','avion.jpg','chopra.jpg','emma.jpg','russell.jpg','avatar.jpg','moche.jpg','ours.jpg','iron.jpg','hulk.jpg','pirates.jpg','ice.jpg','miserables.jpg','inception.jpg','batman.jpg','gwen.jpg','kate.jpg','madagascar.jpg','scream.jpg','cat.jpg','sucker.jpg','cars.jpg','requin.jpg','iron2.jpg','boulettes.jpg','pig.jpg','melon.jpg','samu.jpg','punch.jpg','anony.jpg','arnold.jpg','perse.jpg','clint.jpg','thor.jpg','oz.jpg','tron.jpg','fast.jpg','trek.jpg','cat2.jpg','totoro.jpg','ralph.jpg','matrix.jpg','evil.jpg']

ob.init_image();
}

//sert a lancer la creation du diaporama au chargement de la page (imperatif)

window.addEventListener('load',mur_instance, false);

//fonction qui sert a definir ce qui doit etre fait quand on clic sur une image si rien doit etre fait la laissé vide

function que_faire(e){
kcentre.cloclo(e)
}
 

rien ne sert de courir il faut partir a point.
cours Forest cours !

@karamel · Answer

et le repertoire ou se trouves les images il est bien renseigné ?

@karamel · Answer

le probleme est du au fait que pour firefox 17 on doit uitliser le prefix moz et c'est que recement que firefox n'utilise plus de prefixe pour les transformations et c'est pareil pour chrome il faut donc remplacerdans le fichier js ces lignes

el_d.style.transform='perspective(2500px)translateX('+translation_x+'px)translateZ('+(-profondeur_r)+'px)rotateY('+(-angle_degre)+'deg)translateY('+(hauteur)+'px)';

el_g.style.transform='perspective(2500px)translateX('+-translation_x+'px)translateZ('+(-profondeur_r)+'px)rotateY('+angle_degre+'deg)translateY('+(hauteur)+'px)';

par sa

var transformation_d='perspective(2500px)translateX('+translation_x+'px)translateZ('+(-profondeur_r)+'px)rotateY('+(-angle_degre)+'deg)translateY('+(hauteur)+'px)';
    
    var transformation_g='perspective(2500px)translateX('+-translation_x+'px)translateZ('+(-profondeur_r)+'px)rotateY('+angle_degre+'deg)translateY('+(hauteur)+'px)';
        
    el_g.style.mozTransform=transformation_d
    el_g.style.webkitTransform=transformation_d
    el_d.style.transform=transformation_d
    
    el_g.style.mozTransform=transformation_g
    el_g.style.webkitTransform=transformation_g
    el_g.style.transform=transformation_g


et normalement sa devrait fonctionner
 
rien ne sert de courir il faut partir a point.
cours Forest cours !

Java script mur d'image en arc de cercle 3d

4 réponses

Votre réponse

Discussions similaires