Page 1 sur 1

utiliser les image d'un dossier.

Posté : 17 août 2006 à 23:42
par matheod
bonjour, j'ai trouv" sur http://www.dhteumeuleu.com/ ce script: http://www.dhteumeuleu.com/runscript.ph ... ow-DA.html

Voici le code html:

Code : Tout sélectionner

<HTML>
<HEAD>
<title>and eat it too - Interactive DHTML art-demos</title>
<meta name="Author" content="Gerard Ferrandez at http://www.dhteumeuleu.com">
<meta http-equiv="imagetoolbar" content="no">
<STYLE>
	BODY {
		cursor:url("../CRCROSS.cur");
	}
</STYLE>
</HEAD>

<BODY bgColor=#222222 onload=zyva() scroll=no>

<DIV id=images style="display:none">
	<IMG src="d1.jpg">
	<IMG src="d2.jpg">
	<IMG src="d3.jpg">
	<IMG src="d4.jpg">
	<IMG src="d70.jpg">
	<IMG src="d22.jpg">
	<IMG src="d8.jpg">
	<IMG src="d13.jpg">
	<IMG src="d40.jpg">
	<IMG src="d54.jpg">
</DIV>

<!-- crossbrowser images_loading_bar - Gerard Ferrandez - www.dhteumeuleu.com - Feb 2005 -->
<span id=LB0 style="position:absolute;left:50%;top:50%;"><span style="position:absolute;font-family:arial;font-size:10px;color:#FFFFFF;left:-50;top:-18">Loading...</span>
<span style="position:absolute;left:-50;top:-5;font-size:1px;width:100;height:10px;background:#333"><span id=LB1 style="position:absolute;left:0;top:0;font-size:1px;width:0;height:10px;background:#FFFFFF"></span></span></span>
<script>m00=document.getElementById("images").getElementsByTagName("img");m01=m00.length;function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0;document.getElementById("LB1").style.width=Math.round(m02/m01*100);if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</script>
<!-- end of images_loading_bar code -->

<!-- DA Control layout -->
<OBJECT id=DAC
	style="Z-INDEX: -1;BACKGROUND: #000000; LEFT: 0px; WIDTH: expression(document.body.clientWidth); POSITION: absolute; TOP: expression(document.body.clientHeight*.1); HEIGHT: expression(document.body.clientHeight-document.body.clientHeight*.2)" classid=CLSID:B6FFC24C-7E13-11D0-9B47-00C04FC2F51D>
	<PARAM NAME="OpaqueForHitDetect" VALUE="0">
	<PARAM NAME="UpdateInterval" VALUE="0.016">
</OBJECT>

<BGSOUND src="romance.mid" loop=infinite>

<SCRIPT>
// ======================================================
// DirectAnimation 3D - the passage
// Script by Gerard Ferrandez - Ge-1-doot - Aug 2001
// news://news.leibowitz.org/nzn.fr.html
// http://www.dhteumeuleu.com
// ======================================================

screen.bufferDepth = 16
document.onselectstart =  function (){ return false }
xm = 0
ym = 0
cx = 0
cy = 10000
////////////
zOOm  = .05
spAce = 5
r     = 1.33
////////////

function programDA(){
	m = DAC.MeterLibrary
	NI = images.children.length
	// square geometry (2 triangles)
	square = m.TriMesh (2, [r,0,-1,-r,0,-1,-r,0,1,r,0,-1,-r,0,1,r,0,1], [0,1,0,0,1,0,0,1,0,0,1,0,0,1,0,0,1,0], [1,1,0,1,0,0,1,1,0,0,1,0], null)
	square = square.Transform(m.Scale3Uniform(zOOm)).Transform(m.Rotate3(m.xVector3, Math.PI/2))
	// light
	geo = m.AmbientLight.LightColor(m.colorRgb255(255,255,255))
	// --- add all DIV's
	for(i=0;i<NI;i++){
		// --- texture mapping
		htmlTexture = m.ImportImage(images.children[i].src).MapToUnitSquare()
		img = square.TextureImage(htmlTexture)
		// --- passage
		if(i<NI/2) geo = m.UnionGeometry(geo,img.Transform(m.Rotate3(m.yVector3,-Math.PI/2)).Transform(m.Translate3(.06,0,-i/spAce)))
		else geo = m.UnionGeometry(geo,img.Transform(m.Rotate3(m.yVector3,Math.PI/2)).Transform(m.Translate3(-.06,0,-(i-(NI/2))/spAce)))
	}
	// --- perspective camera (modifiable behavior)
	ROTCam = m.ModifiableBehavior(m.Rotate3(m.yVector3,0))
	TRACam = m.ModifiableBehavior(m.Translate3(0,0,0))
	// --- final rendering
	DAC.Image = geo.render(m.PerspectiveCamera(0.1,0.09).Transform(ROTCam).Transform(TRACam))
}

function pilotDA(){
	// --- mouse damping
	cx+=Math.round((xm-cx)/10)
	cy+=Math.round((ym-cy)/10)
	// --- DA behaviors setting from JScript
	ROTCam.SwitchTo(m.Rotate3(m.yVector3,cx / 100))
	TRACam.SwitchTo(m.Translate3(0, 0, cy / 500))
}

function zyva(){
	programDA()
	DAC.Start()
	document.onmousemove = function (){
		xm = (-document.body.offsetWidth * .5) + window.event.clientX
		ym = (document.body.offsetHeight * .1) - window.event.clientY * 500 / document.body.offsetHeight
	}
	setInterval("pilotDA()", 16)
}

</SCRIPT>
</BODY></HTML>
voila la partit intérésente:

Code : Tout sélectionner

<DIV id=images style="display:none">
	<IMG src="d1.jpg">
	<IMG src="d2.jpg">
	<IMG src="d3.jpg">
	<IMG src="d4.jpg">
	<IMG src="d70.jpg">
	<IMG src="d22.jpg">
	<IMG src="d8.jpg">
	<IMG src="d13.jpg">
	<IMG src="d40.jpg">
	<IMG src="d54.jpg">
</DIV>
et bien, voila je voudra que a la place de ces image prédéfinie, que ce soit toute les image d'un dossier (par exemple le dossier image) de facon a ce que si je rajoute des images via mon ftp, quel puisse etre dans le script.

j'espere mettre assez bien exipré.

merci d'avance a+

Re: utiliser les image d'un dossier.

Posté : 18 août 2006 à 15:39
par matheod
Bonjour, up, merci, aurevoir :D

Posté : 18 août 2006 à 17:14
par and1hotsauce
Salut,

Merci de ne faire des UPs que toutes les 24 heures minimum !

A+, And1HotSauce ;-)

Posté : 19 août 2006 à 16:26
par matheod
bonjour, toujours pas de réponse, up, merci

:D

Posté : 19 août 2006 à 19:07
par Fantole
Salut ;)

Le lien menne sur une page noir sans rien.

Pourquoi ne pas guider, genre cliquer sur 3D + nom du script ?

Parceque la j'ai copié le code que tu fournie et j'ai testé en local sa donne rien :roll:

EDIT : Fallait préciser que sa ne fonctionnais pas sous Firefox :cry:

Donc voilà ce que sa donne pour IE ;)

Au début je voulais te donner des éléments pour que tu trouve par toi même mais ce script m'a fait kiffer lol :lol:

Donc je les modifié 8)

Copie et colle ceci dans un fichier php

Code : Tout sélectionner

<?
$i = 1;
 /* ouverture du repertoire de nom "photos" */
  $nom_dossier = 'nom_du_dossier';
  $pointeur=opendir($nom_dossier);
  //echo "Pointeur de dossier : $pointeur<br>";
  //echo "Fichiers :<br>";

 /* on regarde le contenu pointé par $pointeur, nom par nom */
  while ($entree[$i] = readdir($pointeur)) 
  
  {
    $i = $i + 1;
  }
$total = $i;
//$i = 1;


?>
<HTML>
<HEAD>
<title>and eat it too - Interactive DHTML art-demos</title>
<meta name="Author" content="Gerard Ferrandez at http://www.dhteumeuleu.com">
<meta http-equiv="imagetoolbar" content="no">
<STYLE>
   BODY {
      cursor:url("../CRCROSS.cur");
   }
</STYLE>
</HEAD>

<BODY bgColor=#222222 onload=zyva() scroll=no>

<DIV id=images style="display:none">
<?
for($i = 3; $i < $total; $i++)
{
echo '<img src="'.$nom_dossier.'/'.$entree[$i].'">';
}
 /* fermeture du repertoire repere par $pointeur */
  closedir($pointeur);
  
  
?>   
</DIV>

<!-- crossbrowser images_loading_bar - Gerard Ferrandez - www.dhteumeuleu.com - Feb 2005 -->
<span id=LB0 style="position:absolute;left:50%;top:50%;"><span style="position:absolute;font-family:arial;font-size:10px;color:#FFFFFF;left:-50;top:-18">Loading...</span>
<span style="position:absolute;left:-50;top:-5;font-size:1px;width:100;height:10px;background:#333"><span id=LB1 style="position:absolute;left:0;top:0;font-size:1px;width:0;height:10px;background:#FFFFFF"></span></span></span>
<script>m00=document.getElementById("images").getElementsByTagName("img");m01=m00.length;function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0;document.getElementById("LB1").style.width=Math.round(m02/m01*100);if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</script>
<!-- end of images_loading_bar code -->

<!-- DA Control layout -->
<OBJECT id=DAC
   style="Z-INDEX: -1;BACKGROUND: #000000; LEFT: 0px; WIDTH: expression(document.body.clientWidth); POSITION: absolute; TOP: expression(document.body.clientHeight*.1); HEIGHT: expression(document.body.clientHeight-document.body.clientHeight*.2)" classid=CLSID:B6FFC24C-7E13-11D0-9B47-00C04FC2F51D>
   <PARAM NAME="OpaqueForHitDetect" VALUE="0">
   <PARAM NAME="UpdateInterval" VALUE="0.016">
</OBJECT>

<BGSOUND src="romance.mid" loop=infinite>

<SCRIPT>
// ======================================================
// DirectAnimation 3D - the passage
// Script by Gerard Ferrandez - Ge-1-doot - Aug 2001
// news://news.leibowitz.org/nzn.fr.html
// http://www.dhteumeuleu.com
// ======================================================

screen.bufferDepth = 16
document.onselectstart =  function (){ return false }
xm = 0
ym = 0
cx = 0
cy = 10000
////////////
zOOm  = .05
spAce = 5
r     = 1.33
////////////

function programDA(){
   m = DAC.MeterLibrary
   NI = images.children.length
   // square geometry (2 triangles)
   square = m.TriMesh (2, [r,0,-1,-r,0,-1,-r,0,1,r,0,-1,-r,0,1,r,0,1], [0,1,0,0,1,0,0,1,0,0,1,0,0,1,0,0,1,0], [1,1,0,1,0,0,1,1,0,0,1,0], null)
   square = square.Transform(m.Scale3Uniform(zOOm)).Transform(m.Rotate3(m.xVector3, Math.PI/2))
   // light
   geo = m.AmbientLight.LightColor(m.colorRgb255(255,255,255))
   // --- add all DIV's
   for(i=0;i<NI;i++){
      // --- texture mapping
      htmlTexture = m.ImportImage(images.children[i].src).MapToUnitSquare()
      img = square.TextureImage(htmlTexture)
      // --- passage
      if(i<NI/2) geo = m.UnionGeometry(geo,img.Transform(m.Rotate3(m.yVector3,-Math.PI/2)).Transform(m.Translate3(.06,0,-i/spAce)))
      else geo = m.UnionGeometry(geo,img.Transform(m.Rotate3(m.yVector3,Math.PI/2)).Transform(m.Translate3(-.06,0,-(i-(NI/2))/spAce)))
   }
   // --- perspective camera (modifiable behavior)
   ROTCam = m.ModifiableBehavior(m.Rotate3(m.yVector3,0))
   TRACam = m.ModifiableBehavior(m.Translate3(0,0,0))
   // --- final rendering
   DAC.Image = geo.render(m.PerspectiveCamera(0.1,0.09).Transform(ROTCam).Transform(TRACam))
}

function pilotDA(){
   // --- mouse damping
   cx+=Math.round((xm-cx)/10)
   cy+=Math.round((ym-cy)/10)
   // --- DA behaviors setting from JScript
   ROTCam.SwitchTo(m.Rotate3(m.yVector3,cx / 100))
   TRACam.SwitchTo(m.Translate3(0, 0, cy / 500))
}

function zyva(){
   programDA()
   DAC.Start()
   document.onmousemove = function (){
      xm = (-document.body.offsetWidth * .5) + window.event.clientX
      ym = (document.body.offsetHeight * .1) - window.event.clientY * 500 / document.body.offsetHeight
   }
   setInterval("pilotDA()", 16)
}

</SCRIPT>
</BODY></HTML>
Il te faut juste changer nom_du_dossier par le chemin ou figure tes images ^^

Si c'est dans le même dossier bas remplace nom_du_dossier par rien genre
''
au lieu de
'nom_du_dossier'

++

Posté : 20 août 2006 à 23:08
par Fantole
C'est bien ce que tu souhaitais ? :roll:

Posté : 22 août 2006 à 13:54
par matheod
salut, merci pour ta réponse, sa, marche a merveille, mais j'ai une idée de mod, et bien sur une grosse partit du mod seras ton code que tu m'a donné.

je te demande donc si je peux utilisé le code que tu m'a donné dans le mod que je crérais (en sachant que comme je te l'ai dis une grosse partit du mod seras le code que tu m'a donné) en sachant bien sur que je mettré remerciment a fantole pour sa précieuse aide.


merci



ps:si j'ai été si long a répondre c'est car je n'avais pas vu que j'avais eu une réponse

merci a+

Posté : 22 août 2006 à 15:26
par Mitsugeru
Moi je me demandais si on ne pourrais pas l'utiliser comme add-on pour le mod album...

Posté : 22 août 2006 à 18:18
par matheod
ben moi je voulai m'en servire pour faire:
-la galerie d'avatar des membres

j'ai déja commancé au mod, j'attend que fantole me donne l'autorisation.

Posté : 22 août 2006 à 18:29
par Fantole
Et bien heu c'est un script php tout simple et le code source sous license libre donc oui sans oucie tu peux :wink:

Posté : 22 août 2006 à 18:53
par matheod
dac, merci

Posté : 22 août 2006 à 21:37
par matheod
bonjour,

j'ai créé le mod, sauf que j'ai un problème, le script ne matrche pas si il y a dans le dossier une autre chose (par exemple si dans le dossier j'ai: image1.gif, 2.gif et le dossier test et bien sa marche pas,,
j'ai pensé a une sorte de condision: si c'est une image l'utilisé pour le script sinon ne pas l'utiliser, saul probleme; je ne sais comment faire

merci

Posté : 22 août 2006 à 21:48
par and1hotsauce
le problème est que tu te lances dans un mod avec un code que tu ne connais pas et que tu ne comprends pas.... :roll:

lors effectivement c' est dur de faire ce que l' on cherche réellement...

Merci d' utiliser la fonction édciter et de ne pas poster deux messages a la suite de l' autre.

A+, And1HotSauce ;-)

Posté : 22 août 2006 à 22:38
par matheod
and1hotsauce a écrit :le problème est que tu te lances dans un mod avec un code que tu ne connais pas et que tu ne comprends pas.... :roll:

lors effectivement c' est dur de faire ce que l' on cherche réellement...

Merci d' utiliser la fonction édciter et de ne pas poster deux messages a la suite de l' autre.

A+, And1HotSauce ;-)
t'a raison... :oops:

enfin, ce que je pensé faire vaec le mod, c'est d ele modifier de facon a rajouté de spetite chose, comme une redirection si le navigateur n'est pas compatible, mais la, comme ya un petit bug.... je sais pas trop quoi faire...


merci

matheod :wink:

Posté : 23 août 2006 à 00:11
par and1hotsauce
première chose à faire avant de modifier un code, c' est de le comprendre.

C' est à dire le lire, rechercher les infos sur les fonctions inconnues, simuler l' exécution dans ta tete.
Après seulement tu peux le modifier.
Au début c' est dur de faire ca, et ca prend du temps mais c' est comme ca qu' on progresse le plus vite ;-)
Et c' est la qu' on voit l' importance des commentaires :)

Donc essaie de comprendre ce code javascript du premier mot au dernier :)

A+, And1HotSauce ;-)