une galerie photo...

une galerie photo... - HTML/CSS - Programmation

Marsh Posté le 05-09-2005 à 19:22:59    

Bonjour...
 
Voilà, je cherche mais je ne trouve pas...
 
Je voudrais un cadre central sur mon blog et des photos miniatures en dessous... Je voudrais que lorsque je clik sur une photo miniatures, celle-ci apparaisse en taille normal dans le cadre central en question... Pas de pop-pup ni de pages blanches...
 
Est-ce possible ?
 
Merci

Reply

Marsh Posté le 05-09-2005 à 19:22:59   

Reply

Marsh Posté le 05-09-2005 à 19:26:30    

Un site en HTML ? Ben oui, c'est possible.

Reply

Marsh Posté le 05-09-2005 à 19:27:58    

et c'est quoi ce foutu coded qui renvoie une photo miniature dans un cadre prévu à cet effet sans changer de page ??
 
arghhhhh

Reply

Marsh Posté le 05-09-2005 à 20:48:59    

C'est le foutus code que t'es aller chercher on ne sait pas où.
Au fait, ici, on aide ceux qui développent ou qui font leur propre site web eux même, pas ceux qui veulent du tout fait.
 
D'ailleur réglement du forum :

Citation :

[0C] On ne fait pas le boulot à votre place.  
 
Les demandes du style "vous pouvez faire un programme faisant [...] pour moi ?" sont assez mal vues et n'obtiennent que très rarement de réponses.

Pour ça, il y a google et à la limite les s"ections software et reseau.


Message édité par omega2 le 05-09-2005 à 20:49:20
Reply

Marsh Posté le 05-09-2005 à 21:14:28    

C'est bien vrai, mais j'ai un truc (pas propre) sous la main :

Code :
  1. <img src="small.jpg"  onclick="fullsize(this, 1)" />
  2. <script language="javascript">
  3. function fullsize(img, status){
  4.  if(status != 1){
  5.   img.parentNode.innerHTML = '<img src="small.jpg" onclick="fullsize(this, 1)" />';
  6.  }else{
  7.   img.parentNode.innerHTML = '<img src="full.jpg" onclick="fullsize(this, 2)" />';
  8.  }
  9. }
  10. </script>

Reply

Marsh Posté le 05-09-2005 à 21:26:21    

noeticum a écrit :

Bonjour...
 
Voilà, je cherche mais je ne trouve pas...
 
Je voudrais un cadre central sur mon blog et des photos miniatures en dessous... Je voudrais que lorsque je clik sur une photo miniatures, celle-ci apparaisse en taille normal dans le cadre central en question... Pas de pop-pup ni de pages blanches...
 
Est-ce possible ?
 
Merci


 
tiens, ca m'intéresse aussi.. intégrer une galerie photo de ce type. mais j'ai pas encore réfléchi ni encore moins trouvé une solution.
 
voici qd meme quelques tutoriels pour insérer des images, les rendre réactives, etc.. peut-etre qu'en bricolant un peu à partir de ces tutoriels, tu peux obtenir la galerie photo que tu souhaites
 
 
http://css.alsacreations.com/Const [...] javascript
 
http://openweb.eu.org/articles/zoom_image/
 
et attends, je viens de tomber sur ca et ca me semble pile poil ce que te recherches.. pb: c'est un tuto javascript (kesako java?...  :whistle:  bouh, je tends la perche pour me faire fouetter par les cracks du mutlimédia qui hantent ce forum)
http://css.alsacreations.com/Tutoriels-JavaScript/galerie-photo-javascript
 
si tu trouves d'autres tuto, poste les.. je vais me coltiner le meme casse tete dans qqs jours.
 :wahoo:

Reply

Marsh Posté le 06-09-2005 à 14:23:37    

Si tu ne fais pas de javascript, une grande image ---> 1 page HTML (c'est ce que je fais).
 
Si tu en fais, ben ceux qui ne l'auront pas activé seront du c..


Message édité par Beral2 le 06-09-2005 à 14:23:57
Reply

Marsh Posté le 06-09-2005 à 14:49:15    

ben avec un systéme de calques...votre truc marcherais...
 
seul souci le client comprendra pas pourquoi la page met 100 ans à charger... :lol:
 
Et puis ensuite petit js...sur clic de petites photos, les grande change leur class de hidden a visible....

Reply

Marsh Posté le 06-09-2005 à 16:33:04    

Citation :

Si tu ne fais pas de javascript, une grande image ---> 1 page HTML (c'est ce que je fais).  
Si tu en fais, ben ceux qui ne l'auront pas activé seront du c..


 

xtof_83 a écrit :

ben avec un systéme de calques...votre truc marcherais...
seul souci le client comprendra pas pourquoi la page met 100 ans à charger... :lol:
Et puis ensuite petit js...sur clic de petites photos, les grande change leur class de hidden a visible....


 
en clair, ca veut dire qu'il vaut mieux laisser tomber le java et faire tout simplement un lien vers un autre page où il n'y aura qu'une seule photo... c'est ca?

Reply

Marsh Posté le 06-09-2005 à 16:47:46    

Euh oui...c'est mieux pour une grosse galerie, pour une limite de 5 photos, sa doit passer...

Reply

Marsh Posté le 06-09-2005 à 16:47:46   

Reply

Marsh Posté le 06-09-2005 à 17:22:20    

Perso, je fais une page par "grande image" avec également sur chaque les vignettes (elles st déjà toutes chargées dès la 1ère page).

Reply

Marsh Posté le 06-09-2005 à 18:08:40    

Beral2 a écrit :

Perso, je fais une page par "grande image" avec également sur chaque les vignettes (elles st déjà toutes chargées dès la 1ère page).


 
oki.
 
mais c'est quoi la différence entre une photo miniature (tel que noeticum veut intégrer dans sa galerie) et les vignettes dont tu parles? (poids différents? )
 
t'as pas un exemple sous la main de ce que ca donne ton type de galerie?
 
j'ai qd meme essayé de pomper le tuto java que j'ai indiqué plus haut mais le rendu est pas terrible (en fait qd les images ne sont pas toutes de la meme dimension, l'emplacement des blocs sur la page change à chaque photo.. ca fait des pages à la jane fonda en pleine séance de streching: "on étire / on contracte / on étire..etc  :lol:  tu vois le truc?)
 
bon sinon j'aime assez ce type de galerie http://www.monkeyview.net/id/69/wisconsin/ (tout simple) - surtout la petite barre sur la gauche de l'écran (avec des chiffres pour chaque photo et une mini miniature -  
mais j'arrive pas à localiser dans le code source la partie qui permet de faire ca..  
 
 
 

Reply

Marsh Posté le 06-09-2005 à 18:15:40    

Ben vu la taille des miniatures là, la méthode que je t'ai décrite est  acceptable...

Reply

Marsh Posté le 06-09-2005 à 18:19:32    

Reply

Marsh Posté le 06-09-2005 à 18:28:25    

kalex a écrit :

C'est bien vrai, mais j'ai un truc (pas propre) sous la main :

Code :
  1. <img src="small.jpg"  onclick="fullsize(this, 1)" />
  2. <script language="javascript">
  3. function fullsize(img, status){
  4.  if(status != 1){
  5.   img.parentNode.innerHTML = '<img src="small.jpg" onclick="fullsize(this, 1)" />';
  6.  }else{
  7.   img.parentNode.innerHTML = '<img src="full.jpg" onclick="fullsize(this, 2)" />';
  8.  }
  9. }
  10. </script>


Y bug franchement ce forum ou je rêve ? :heink:  
(faites [éditer], y a pas de balise cpp !)

Reply

Marsh Posté le 06-09-2005 à 18:29:07    

Oui Oui il buggue :o
 
On se demande ce que fait la police anti-bug [:pingouino]


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 06-09-2005 à 18:33:31    

Reply

Marsh Posté le 06-09-2005 à 18:36:43    

Les liens du bas bug aussi...
En cliquant sur  
   
HTML/CSS/Javascript
on reviens sur programmation, méga chiant...
 

Reply

Marsh Posté le 06-09-2005 à 18:51:07    

..idem pour le lien HTML/etc du haut..

Reply

Marsh Posté le 06-09-2005 à 18:53:24    

Ouais je pense que sa doit etre le même echo qui les génére...
logique...

Reply

Marsh Posté le 06-09-2005 à 19:05:26    

kalex a écrit :

Y bug franchement ce forum ou je rêve ? :heink:  
(faites [éditer], y a pas de balise cpp !)

C'est pas que je suis fier de cette mocheté, mais quand même ça peut aider :
<img src="small.jpg"  onclick="fullsize(this, 1)" />
 
<script language="javascript">
 function fullsize(img, status){
  if(status != 1){
   img.parentNode.innerHTML = '<img src="small.jpg" onclick="fullsize(this, 1)" />';
  }else{
   img.parentNode.innerHTML = '<img src="full.jpg" onclick="fullsize(this, 2)" />';
  }
 }
</script>

Reply

Marsh Posté le 07-09-2005 à 02:24:53    


 
bouh..
j'ai essayé de reproduire ce code sur ma page mais ca marche pas..
 

Code :
  1. <center>
  2. <img name=X src=/shared/spacer.gif width=40 height=30><br>
  3.   <a onMouseOver="preview( 'DSCN001101.0.jpg' );" target=big href="DSCN001101.vhtml">1</a><br>
  4.   <a onMouseOver="preview( 'DSCN006201.0.jpg' );" target=big href="DSCN006201.vhtml">2</a><br>
  5. <br>
  6. </center>


 
je ne sais pas à quoi correspond ce /shared/spacer.gif, donc ne sais pas par quoi le remplacer...
qq1 qu'a une idée?

Reply

Marsh Posté le 07-09-2005 à 07:30:57    

c'est une image de merde pour creer un espacement, une vieille methode de merde alors que des techniques de style comme margin-left et margin-top permettent de faire ca plus facilement

Reply

Marsh Posté le 07-09-2005 à 09:34:32    

Désolé pour ceux qui pensent que je demande que l'on me fasse tout le boulo, c'est pas le cas, je demandais juste un renseignement... Merci pour tous les autres de se creuser la tête. J'ai trouvé ce que je voulais, le résultat se présente comme ça : http://www.jeuxvideo.com/screensho [...] finale.htm
Bien évidemment les photos miniatures sont redimensionnées pour ne faire que quelques ko (j'ai donc sur le ftp chaque photo en double, une petite et une grande). Seul hic que je voudrais éviter comme sur ce lien, je ne voudrais pas que la page se recharge à chaque fois, mais juste le cadre de la grande photo ....
 
Possible ou pas...
 
Je copierais la source ce soir et vous donnerai le code html
 
A+

Reply

Marsh Posté le 07-09-2005 à 09:56:16    

Mais c'est bien comme ca.  
 
Si tu ne voudrais pas recharger la page, il faudrait charger les miniatures et les images taille réelle et ca serait vachement long.


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 07-09-2005 à 11:09:52    

Ben photos miniatures et vignettes pour moi c'était la même chose.
 
Tes "vraies" images (les grandes), compressées en JPG assez bonne qualité (9 sous Photoshop par exemple) ce qui donne à peu près 100 ko si 640X427 et tes vignettes en 80X53 (par exemple) qualité pourrie (3 ou 4), taille environ 3ko.
 
Les vignettes st toutes chargées à la 1ère page, après il ne restera que celles de 100ko, une par page.
 
Ca donne de très bons temps de chargement.

Reply

Marsh Posté le 07-09-2005 à 12:28:56    

tks pour les précisions beral2
 

gatsusat a écrit :

c'est une image de merde pour creer un espacement, une vieille methode de merde alors que des techniques de style comme margin-left et margin-top permettent de faire ca plus facilement


bouh.. ca m'aide pas trop ce que tu me dis... ben oui, j'suis qu'une pov' nullasse en html..
 
une image de merde pour creer un espacement précisions please  :) ... c'est une image gif transparente? ou blanche? (j'ai essayé les 2 et ca marche ni l'une ni l'autre...) ca peut-etre quoi d'autre? (parce que l'image crée un espacement mais accueille ensuite les petites icones... bref  :pt1cable: )
 
 
 
 
 

Reply

Marsh Posté le 07-09-2005 à 13:02:33    

Oki mais en fait j'ai une musique de fond donc si la page se recharge à chaque image, on reprend la musique au début, donc ca me va pas...
 
Peu importe que les images se chargent toutes avec la page, ce blog est privé et reservée à peu de personnes ayant toutes un très haud débit...
 
Alors s'il vous plait donnez moi la clef (si vous l'avez) ????
 
Merci

Reply

Marsh Posté le 07-09-2005 à 14:09:50    

noeticum a écrit :

Oki mais en fait j'ai une musique de fond donc si la page se recharge à chaque image, on reprend la musique au début, donc ca me va pas...
 
Peu importe que les images se chargent toutes avec la page, ce blog est privé et reservée à peu de personnes ayant toutes un très haud débit...
 
Alors s'il vous plait donnez moi la clef (si vous l'avez) ????
 
Merci


 
 
Enlève moi cette musique de fond  [:master_jul]


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 07-09-2005 à 19:33:43    

;) NON ;)

Reply

Marsh Posté le 07-09-2005 à 19:47:47    

Si tu veux montrer à té potes à quel point té cool avek ta zik, il y a des solutions en flash beaucoup moins chiantes pour l'utilisateur.
Perdu pour perdu...


Message édité par kalex le 07-09-2005 à 19:49:54
Reply

Marsh Posté le 08-09-2005 à 17:12:35    

Créer une page par photo c'est pas pratique.  
Il y a mieux : tu peux afficher toutes les images en petit sur ta page, et gnérer par javascript une nouvelle page pour les photos en grand.
ça donne un truc comme ça :
 
1/ la fonction JS elle-même :
<!-- fonction d'affichage en grand d'une photo : génération d'une fenêtre -->
 
function ouvre(nom)
{
nom = nom.toLowerCase();
fen2=open ("","","toolbar=0,location=0,directories=0,status=0,scrollbars=1,fullscreen" );
fen2.moveTo (0,0);
z="<html><head><title>admirez<\/title>";
z+="<link rel='STYLESHEET' type='text/css' href='style.css'>";
z+="<\/head>";
z+="<body bgcolor='#ffa953'>";
z+="<img SRC='" +nom+ "'border=0>";
z+="<form >";
z+="<input type='button' value='fermez' onclick='self.close()'>";
z+=" &nbsp;&nbsp;Cliquez ici pour fermer&nbsp;clic to close";
z+="<\/form>";
z+="<\/body><\/html>";
fen2.document.write(z);
}
 
puis dans le body :
 
<a href="Javascript:void(0)"  
  onclick="ouvre('imagef.jpg'); window.status=' '"  
  onmouseover="window.status='afficher la photo en grand'; return true"  
  onmouseout="window.status='choisissez une photo' ;return true">
          <img src="imaget.jpg" border="0" alt="thumb">
          </a>
 
...
ça marche pas mal, mon site sur l'art floral japonais l'emploie à fond.  
www.ikebana-toulouse.com


Message édité par hlelong le 08-09-2005 à 17:14:03
Reply

Marsh Posté le 08-09-2005 à 17:22:14    

tu as vu la gueule du code ? tu appelles cela mieux ? ho putain !!!!!

Reply

Marsh Posté le 08-09-2005 à 17:54:51    

hlelong a écrit :

Créer une page par photo c'est pas pratique.  
Il y a mieux : tu peux afficher toutes les images en petit sur ta page, et gnérer par javascript une nouvelle page pour les photos en grand.
ça donne un truc comme ça :
 
1/ la fonction JS elle-même :
<!-- fonction d'affichage en grand d'une photo : génération d'une fenêtre -->
 
function ouvre(nom)
{
nom = nom.toLowerCase();
fen2=open ("","","toolbar=0,location=0,directories=0,status=0,scrollbars=1,fullscreen" );
fen2.moveTo (0,0);
z="<html><head><title>admirez<\/title>";
z+="<link rel='STYLESHEET' type='text/css' href='style.css'>";
z+="<\/head>";
z+="<body bgcolor='#ffa953'>";
z+="<img SRC='" +nom+ "'border=0>";
z+="<form >";
z+="<input type='button' value='fermez' onclick='self.close()'>";
z+=" &nbsp;&nbsp;Cliquez ici pour fermer&nbsp;clic to close";
z+="<\/form>";
z+="<\/body><\/html>";
fen2.document.write(z);
}
 
puis dans le body :
 
<a href="Javascript:void(0)"  
  onclick="ouvre('imagef.jpg'); window.status=' '"  
  onmouseover="window.status='afficher la photo en grand'; return true"  
  onmouseout="window.status='choisissez une photo' ;return true">
          <img src="imaget.jpg" border="0" alt="thumb">
          </a>
 
...
ça marche pas mal, mon site sur l'art floral japonais l'emploie à fond.  
www.ikebana-toulouse.com


 
 
CAY KOA CE TRUQUE  [:alph-one]


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 08-09-2005 à 19:23:58    

OKI OKI merci de relire la question que je pose... Je sais faire tout ça et kalex, je te demande pas ce que tu pense de ce que je fais de mon blog ou de mon temps, je demande juste si le résultat que je souhaite obtenir est faisable ou pas... Quand à la musique sur le site, ça me regarde, je demande à personne ici de venir la supporter à longueur de journée...
 
Donc la question est la suivante, est il possible d'intégrer un cadre grand format sur une page en html, dans lequel viendrait s'ouvrir des images miniatures présentées en menu, sans qu'une page pop up s'ouvre, ni que la page en question se recharge à chaque image...
 
Si oui, y aurait-il un "interessant et gentil" programmateur pour m'aiguiller ???
 
merci


---------------
Si ça continue, faudra que ça cesse....
Reply

Marsh Posté le 08-09-2005 à 19:42:24    

oui c'est possible en javascript
c'est possible aussi avec une applet java. :lol:

Reply

Marsh Posté le 08-09-2005 à 19:51:52    

noeticum a écrit :

et c'est quoi ce foutu coded qui renvoie une photo miniature dans un cadre prévu à cet effet sans changer de page ??
 
arghhhhh


On fait pas :o Tu fais comment pour bookmarker juste une photo ? Tu fais comment pour voir la photo sans JS ? Tu fais comment pour indexer le titre/la description des images si elles sont affichées dynamiquement ? Bref, ça sert à rien de pas recharger...

Reply

Marsh Posté le 08-09-2005 à 19:53:06    

noeticum a écrit :

Oki mais en fait j'ai une musique de fond donc si la page se recharge à chaque image, on reprend la musique au début, donc ca me va pas...
 
Peu importe que les images se chargent toutes avec la page, ce blog est privé et reservée à peu de personnes ayant toutes un très haud débit...
 
Alors s'il vous plait donnez moi la clef (si vous l'avez) ????
 
Merci


La musique de fond est une des premières causes de fuite d'un internaute, et est la feature qui empiète le plus sur l'environnement de l'utilisateur, donc à bannir [:spamafote]

Reply

Marsh Posté le 08-09-2005 à 20:02:16    

c un site privé donc rien a faire que les internautes fuioent, ce qui vont y venir viendront pour la musique aussi

Reply

Marsh Posté le 08-09-2005 à 20:03:20    

merci omega2 pour cette réponse nette qui en plus (au joie) est positive... saurais tu ou je peux trouver ce script java ?

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed