utiliser les image d'un dossier.

Ce forum aborde toutes les questions qu'un codeur ou webmaster pourrait se poser, et n'ayant aucun rapport direct avec phpBB.
Tout ce qui peut concerner la récupération des sessions de phpBB sur votre site, doit se faire dans cette section.

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com
Partager sur FacebookPartager sur TwitterPartager sur Google+

utiliser les image d'un dossier.

Messagepar matheod » 17 Aoû 2006 à 22:42

bonjour, j'ai trouv" sur http://www.dhteumeuleu.com/ ce script: http://www.dhteumeuleu.com/runscript.php?scr=3D-slideshow-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+
matheod
Maître des floodeurs
Maître des floodeurs
 
Messages: 2029
Enregistré le: 30 Juin 2006 à 11:16

Re: utiliser les image d'un dossier.

Messagepar matheod » 18 Aoû 2006 à 14:39

Bonjour, up, merci, aurevoir :D
matheod
Maître des floodeurs
Maître des floodeurs
 
Messages: 2029
Enregistré le: 30 Juin 2006 à 11:16

Messagepar and1hotsauce » 18 Aoû 2006 à 16:14

Salut,

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

A+, And1HotSauce ;-)
Avatar de l’utilisateur
and1hotsauce
Grand-maître des floodeurs
Grand-maître des floodeurs
 
Messages: 3517
Enregistré le: 19 Oct 2003 à 13:58
Localisation: belgique, mons

Messagepar matheod » 19 Aoû 2006 à 15:26

bonjour, toujours pas de réponse, up, merci

:D
matheod
Maître des floodeurs
Maître des floodeurs
 
Messages: 2029
Enregistré le: 30 Juin 2006 à 11:16

Messagepar Fantole » 19 Aoû 2006 à 18:07

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'

++
Avatar de l’utilisateur
Fantole
Grand-maître des floodeurs
Grand-maître des floodeurs
 
Messages: 3082
Enregistré le: 09 Déc 2004 à 10:32
Localisation: Sur le Web

Messagepar Fantole » 20 Aoû 2006 à 22:08

C'est bien ce que tu souhaitais ? :roll:
Avatar de l’utilisateur
Fantole
Grand-maître des floodeurs
Grand-maître des floodeurs
 
Messages: 3082
Enregistré le: 09 Déc 2004 à 10:32
Localisation: Sur le Web

Messagepar matheod » 22 Aoû 2006 à 12:54

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+
matheod
Maître des floodeurs
Maître des floodeurs
 
Messages: 2029
Enregistré le: 30 Juin 2006 à 11:16

Messagepar Mitsugeru » 22 Aoû 2006 à 14:26

Moi je me demandais si on ne pourrais pas l'utiliser comme add-on pour le mod album...
Avatar de l’utilisateur
Mitsugeru
Apprenti-posteur
Apprenti-posteur
 
Messages: 122
Enregistré le: 22 Juin 2004 à 11:36

Messagepar matheod » 22 Aoû 2006 à 17:18

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.
matheod
Maître des floodeurs
Maître des floodeurs
 
Messages: 2029
Enregistré le: 30 Juin 2006 à 11:16

Messagepar Fantole » 22 Aoû 2006 à 17:29

Et bien heu c'est un script php tout simple et le code source sous license libre donc oui sans oucie tu peux :wink:
Avatar de l’utilisateur
Fantole
Grand-maître des floodeurs
Grand-maître des floodeurs
 
Messages: 3082
Enregistré le: 09 Déc 2004 à 10:32
Localisation: Sur le Web

Messagepar matheod » 22 Aoû 2006 à 17:53

dac, merci
matheod
Maître des floodeurs
Maître des floodeurs
 
Messages: 2029
Enregistré le: 30 Juin 2006 à 11:16

Messagepar matheod » 22 Aoû 2006 à 20:37

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
matheod
Maître des floodeurs
Maître des floodeurs
 
Messages: 2029
Enregistré le: 30 Juin 2006 à 11:16

Messagepar and1hotsauce » 22 Aoû 2006 à 20:48

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 ;-)
Avatar de l’utilisateur
and1hotsauce
Grand-maître des floodeurs
Grand-maître des floodeurs
 
Messages: 3517
Enregistré le: 19 Oct 2003 à 13:58
Localisation: belgique, mons

Messagepar matheod » 22 Aoû 2006 à 21:38

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:
matheod
Maître des floodeurs
Maître des floodeurs
 
Messages: 2029
Enregistré le: 30 Juin 2006 à 11:16

Messagepar and1hotsauce » 22 Aoû 2006 à 23:11

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 ;-)
Avatar de l’utilisateur
and1hotsauce
Grand-maître des floodeurs
Grand-maître des floodeurs
 
Messages: 3517
Enregistré le: 19 Oct 2003 à 13:58
Localisation: belgique, mons


Retourner vers Coding, Webmastering et Sécurité informatique

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 2 invités