Suta

  • Site web
  • Nombre de sujets
    47
  • Nombre de messages
    141
  • Nombre de commentaires
    Aucun
  • Nombre de news
    Aucune
  • Niveau en PHP
    Débutant

Ses dernières news

Aucune news

Ses derniers sujets sur les forums

forum
Suta
le 03/01/2016 à 14:13
Miniatures a la volee
Bonjour le forum (ca fait longtemp),

Je me retrouve face a une colle.

J'ai mis en ligne un site avec des miniatures crees a la vole en utilisant le petit script du PHPfacile.

sur easyPHP pas de problem mais lorsque je suis en ligne (free.fr) certaine miniatures ne s'affichent pas. C'est pas toujours les meme et il suffi de faire clic droit > afficher l'image pour quelles apparaissent.

voice un lien vers le site http://devopnet.free.fr/lizac

Merci pour votre aide.

Cordialement
Suta
le 09/03/2011 à 18:07
simplifier un code + fadeIn JQuery
Bonjour,

alors voila un code que je developpe pour faire une sorte de mini gallerie photo (showroom).

Jai 5 photos et ce nombre ne varie pas.


  1. <html>
  2. <head>

  4. <script src="jquery.js" type="text/javascript"></script>

  6. <script type="text/javascript">

  8. //la fonction taxigal permet dafficher limage selectionner uniquement

  10. function taxigal(v1,h1,h2,h3,h4)
  11. {
  12.     node_v = document.getElementById(v1);
  13.     node_v.style.visibility = "visible";
  14.     node_v.style.height = "auto";

  16.     node_2 = document.getElementById(h1);
  17.     node_2.style.visibility = "hidden";
  18.     node_2.style.height = "0";
  19.     
  20.     node_3 = document.getElementById(h2);
  21.     node_3.style.visibility = "hidden";
  22.     node_3.style.height = "0";

  24.     node_4 = document.getElementById(h3);
  25.     node_4.style.visibility = "hidden";
  26.     node_4.style.height = "0";

  28.     node_5 = document.getElementById(h4);
  29.     node_5.style.visibility = "hidden";
  30.     node_5.style.height = "0";
  31. }

  33. // les fonction qui suivent etablisse un lien avec jquery pour faire apparaitre et disparaitre les images en fadeIn et fadeOut

  35. $(document).ready(function(){
  36.   $("#bp1").click(function(){
  37.     $("#1").fadeIn();
  38.     $("#2").fadeOut();
  39.     $("#3").fadeOut();
  40.     $("#4").fadeOut();
  41.     $("#5").fadeOut();
  42.   });
  43.   $("#bp2").click(function(){
  44.     $("#2").fadeIn();
  45.     $("#1").fadeOut();
  46.     $("#3").fadeOut();
  47.     $("#4").fadeOut();
  48.     $("#5").fadeOut();
  49.   });
  50.   $("#bp3").click(function(){
  51.     $("#3").fadeIn();
  52.     $("#2").fadeOut();
  53.     $("#1").fadeOut();
  54.     $("#4").fadeOut();
  55.     $("#5").fadeOut();
  56.   });
  57.   $("#bp4").click(function(){
  58.     $("#4").fadeIn();
  59.     $("#2").fadeOut();
  60.     $("#3").fadeOut();
  61.     $("#1").fadeOut();
  62.     $("#5").fadeOut();
  63.   });
  64.   $("#bp5").click(function(){
  65.     $("#5").fadeIn();
  66.     $("#2").fadeOut();
  67.     $("#3").fadeOut();
  68.     $("#4").fadeOut();
  69.     $("#1").fadeOut();
  70.   });
  71. });
  72. </script>

  74. </head>
  75. <body>


  78. <div id="1"><img src="resize-big.php?f=tcab1.png"></div>
  79. <div id="2" style="visibility:hidden; height:0"><img src="tcab2.png"></div>
  80. <div id="3" style="visibility:hidden; height:0"><img src="tcab3.png"></div>
  81. <div id="4" style="visibility:hidden; height:0"><img src="tcab4.png"></div>
  82. <div id="5" style="visibility:hidden; height:0"><img src="tcab5.png"></div>

  84. <a href="#" id="bp1" onclick = "taxigal('1','2','3','4','5')">bp1</a>
  85. <a href="#" id="bp2" onclick = "taxigal('2','1','3','4','5')">bp2</a>
  86. <a href="#" id="bp3" onclick = "taxigal('3','1','2','4','5')">bp3</a>
  87. <a href="#" id="bp4" onclick = "taxigal('4','1','2','3','5')">bp4</a>
  88. <a href="#" id="bp5" onclick = "taxigal('5','1','2','3','4')">bp5</a>

  90. </body>
  91. </html>




1) Je suis persuader que l'on pourrai simplifier ce code mais mes connaissances en JS me bloque a ce stade

2) comment combiner ma fonction jquery avec celle que jai fait (taxigal)

3) Jai toutefois un probleme au niveau de la fonction fadeIn et fadeOut : au premier clic la fadeIn ne marche pas (ce qui est normal vu que lopacite de limage est deja a 100%). Comment regler lopaciter des image au chargement de la page ?

Merci d'avance pour votre aide et a bientot !
Suta
le 20/03/2010 à 15:25
Chargement de miniature
Bonjour,

J'ai creer un fichier php pour afficher des miniatures :

  1. <?php
  2. $largeur = "180";
  3. $hauteur ="180";
  4. header("Content-Type: image/jpeg");
  5. $img_in = imagecreatefromjpeg('./pics/'.$_GET['f']);
  6. $img_out = imagecreatetruecolor($largeur, $hauteur);
  7. imagecopyresampled($img_out, $img_in, 0, 0, 0, 0, imagesx($img_out), imagesy($img_out), imagesx($img_in), imagesy($img_in));
  8. imagejpeg($img_out);
  9. ?>


Lorsque l'image d'origine est de taille petite et moyenne (a peu pres moins de 1Mo et) ça fonctionne. Par contre des que l'image est trop grande ca m'affiche rien a part l'icone brisée indiquant l'emplacement de l'image...

Est ce que qqun aurait la solution a ce probleme ?

Sinon y a t'il un autre moyen de creer des miniatures ?

Merci d'avance !

Ses derniers messages sur les forums

forum
Suta
le 03/01/2016 à 14:13
Miniatures a la volee
Bonjour le forum (ca fait longtemp),

Je me retrouve face a une colle.

J'ai mis en ligne un site avec des miniatures crees a la vole en utilisant le petit script du PHPfacile.

sur easyPHP pas de problem mais lorsque je suis en ligne (free.fr) certaine miniatures ne s'affichent pas. C'est pas toujours les meme et il suffi de faire clic droit > afficher l'image pour quelles apparaissent.

voice un lien vers le site http://devopnet.free.fr/lizac

Merci pour votre aide.

Cordialement
Suta
le 09/03/2011 à 18:21
Pour une seule page de traitement
Salut,

Je ne suis pas sure davoir tout compris.

Donc tu as une liste de nom et tu veux pouvoir sortir de cette liste seulement les nom qui commence par une lettre qui elle est variable.

Tu peux utiliser les variable $_GET ou $_POST ; dans ce cas $_GET sera plus simple et plus approprie.

Sur tas page les liens ressemblent donc a ceci :

page.php
  1. ...
  2. <a href="traitement.php?lettre=a">A</a>
  3. <a href="traitement.php?lettre=b">B</a>
  4. <a href="traitement.php?lettre=c">C</a>
  5. <a href="traitement.php?lettre=d">D</a>
  6. ...


ces liens pointent donc vers ta page de traitement et comportent une variable de type $_GET appele ici "lettre"

sur ta page de traitement tu peux donc utiliser cette variable de cette maniere :


traitement.php
  1. ...
  2. $sql = 'SELECT nom, infosFROM mg_anara WHERE nom LIKE "'.$_GET['lettre'].'%"';
  3. ...


Jespere que ca pourra taider.

Bon courage pour ton sitewoueb !
Suta
le 09/03/2011 à 18:07
simplifier un code + fadeIn JQuery
Bonjour,

alors voila un code que je developpe pour faire une sorte de mini gallerie photo (showroom).

Jai 5 photos et ce nombre ne varie pas.


  1. <html>
  2. <head>

  4. <script src="jquery.js" type="text/javascript"></script>

  6. <script type="text/javascript">

  8. //la fonction taxigal permet dafficher limage selectionner uniquement

  10. function taxigal(v1,h1,h2,h3,h4)
  11. {
  12.     node_v = document.getElementById(v1);
  13.     node_v.style.visibility = "visible";
  14.     node_v.style.height = "auto";

  16.     node_2 = document.getElementById(h1);
  17.     node_2.style.visibility = "hidden";
  18.     node_2.style.height = "0";
  19.     
  20.     node_3 = document.getElementById(h2);
  21.     node_3.style.visibility = "hidden";
  22.     node_3.style.height = "0";

  24.     node_4 = document.getElementById(h3);
  25.     node_4.style.visibility = "hidden";
  26.     node_4.style.height = "0";

  28.     node_5 = document.getElementById(h4);
  29.     node_5.style.visibility = "hidden";
  30.     node_5.style.height = "0";
  31. }

  33. // les fonction qui suivent etablisse un lien avec jquery pour faire apparaitre et disparaitre les images en fadeIn et fadeOut

  35. $(document).ready(function(){
  36.   $("#bp1").click(function(){
  37.     $("#1").fadeIn();
  38.     $("#2").fadeOut();
  39.     $("#3").fadeOut();
  40.     $("#4").fadeOut();
  41.     $("#5").fadeOut();
  42.   });
  43.   $("#bp2").click(function(){
  44.     $("#2").fadeIn();
  45.     $("#1").fadeOut();
  46.     $("#3").fadeOut();
  47.     $("#4").fadeOut();
  48.     $("#5").fadeOut();
  49.   });
  50.   $("#bp3").click(function(){
  51.     $("#3").fadeIn();
  52.     $("#2").fadeOut();
  53.     $("#1").fadeOut();
  54.     $("#4").fadeOut();
  55.     $("#5").fadeOut();
  56.   });
  57.   $("#bp4").click(function(){
  58.     $("#4").fadeIn();
  59.     $("#2").fadeOut();
  60.     $("#3").fadeOut();
  61.     $("#1").fadeOut();
  62.     $("#5").fadeOut();
  63.   });
  64.   $("#bp5").click(function(){
  65.     $("#5").fadeIn();
  66.     $("#2").fadeOut();
  67.     $("#3").fadeOut();
  68.     $("#4").fadeOut();
  69.     $("#1").fadeOut();
  70.   });
  71. });
  72. </script>

  74. </head>
  75. <body>


  78. <div id="1"><img src="resize-big.php?f=tcab1.png"></div>
  79. <div id="2" style="visibility:hidden; height:0"><img src="tcab2.png"></div>
  80. <div id="3" style="visibility:hidden; height:0"><img src="tcab3.png"></div>
  81. <div id="4" style="visibility:hidden; height:0"><img src="tcab4.png"></div>
  82. <div id="5" style="visibility:hidden; height:0"><img src="tcab5.png"></div>

  84. <a href="#" id="bp1" onclick = "taxigal('1','2','3','4','5')">bp1</a>
  85. <a href="#" id="bp2" onclick = "taxigal('2','1','3','4','5')">bp2</a>
  86. <a href="#" id="bp3" onclick = "taxigal('3','1','2','4','5')">bp3</a>
  87. <a href="#" id="bp4" onclick = "taxigal('4','1','2','3','5')">bp4</a>
  88. <a href="#" id="bp5" onclick = "taxigal('5','1','2','3','4')">bp5</a>

  90. </body>
  91. </html>




1) Je suis persuader que l'on pourrai simplifier ce code mais mes connaissances en JS me bloque a ce stade

2) comment combiner ma fonction jquery avec celle que jai fait (taxigal)

3) Jai toutefois un probleme au niveau de la fonction fadeIn et fadeOut : au premier clic la fadeIn ne marche pas (ce qui est normal vu que lopacite de limage est deja a 100%). Comment regler lopaciter des image au chargement de la page ?

Merci d'avance pour votre aide et a bientot !

Ses derniers commentaires de news

Aucun commentaire de news

Ses derniers commentaires de sites

Aucun commentaire de sites

Ses derniers commentaires de wall

Aucun commentaire wall
LoadingChargement en cours