Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1107 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  une galerie photo...

 


 Mot :   Pseudo :  
 
 Page :   1  2
Page Précédente
Auteur Sujet :

une galerie photo...

n°1192633
noeticum
Posté le 05-09-2005 à 19:22:59  profilanswer
 

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

mood
Publicité
Posté le 05-09-2005 à 19:22:59  profilanswer
 

n°1192635
kalex
Posté le 05-09-2005 à 19:26:30  profilanswer
 

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

n°1192639
noeticum
Posté le 05-09-2005 à 19:27:58  profilanswer
 

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

n°1192745
omega2
Posté le 05-09-2005 à 20:48:59  profilanswer
 

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
n°1192782
kalex
Posté le 05-09-2005 à 21:14:28  profilanswer
 

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>

n°1192803
mov
Posté le 05-09-2005 à 21:26:21  profilanswer
 

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:

n°1193195
Beral2
Posté le 06-09-2005 à 14:23:37  profilanswer
 

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
n°1193232
xtof_83
Freeride Spirit
Posté le 06-09-2005 à 14:49:15  profilanswer
 

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....

n°1193326
mov
Posté le 06-09-2005 à 16:33:04  profilanswer
 

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?

n°1193351
xtof_83
Freeride Spirit
Posté le 06-09-2005 à 16:47:46  profilanswer
 

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

mood
Publicité
Posté le 06-09-2005 à 16:47:46  profilanswer
 

n°1193396
Beral2
Posté le 06-09-2005 à 17:22:20  profilanswer
 

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).

n°1193436
mov
Posté le 06-09-2005 à 18:08:40  profilanswer
 

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..  
 
 
 

n°1193439
xtof_83
Freeride Spirit
Posté le 06-09-2005 à 18:15:40  profilanswer
 

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

n°1193449
xtof_83
Freeride Spirit
Posté le 06-09-2005 à 18:19:32  profilanswer
 
n°1193459
kalex
Posté le 06-09-2005 à 18:28:25  profilanswer
 

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 !)

n°1193460
plainsofpa​in
Pingouino's lover
Posté le 06-09-2005 à 18:29:07  profilanswer
 

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
n°1193463
mov
Posté le 06-09-2005 à 18:33:31  profilanswer
 
n°1193465
xtof_83
Freeride Spirit
Posté le 06-09-2005 à 18:36:43  profilanswer
 

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

n°1193481
mov
Posté le 06-09-2005 à 18:51:07  profilanswer
 

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

n°1193483
xtof_83
Freeride Spirit
Posté le 06-09-2005 à 18:53:24  profilanswer
 

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

n°1193487
kalex
Posté le 06-09-2005 à 19:05:26  profilanswer
 

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>

n°1193747
mov
Posté le 07-09-2005 à 02:24:53  profilanswer
 


 
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?

n°1193766
gatsusat
Posté le 07-09-2005 à 07:30:57  profilanswer
 

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

n°1193818
noeticum
Posté le 07-09-2005 à 09:34:32  profilanswer
 

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+

n°1193838
plainsofpa​in
Pingouino's lover
Posté le 07-09-2005 à 09:56:16  profilanswer
 

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
n°1193883
Beral2
Posté le 07-09-2005 à 11:09:52  profilanswer
 

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.

n°1193977
mov
Posté le 07-09-2005 à 12:28:56  profilanswer
 

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: )
 
 
 
 
 

n°1193998
noeticum
Posté le 07-09-2005 à 13:02:33  profilanswer
 

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

n°1194084
plainsofpa​in
Pingouino's lover
Posté le 07-09-2005 à 14:09:50  profilanswer
 

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
n°1194449
noeticum
Posté le 07-09-2005 à 19:33:43  profilanswer
 

;) NON ;)

n°1194455
kalex
Posté le 07-09-2005 à 19:47:47  profilanswer
 

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
n°1195248
hlelong
Posté le 08-09-2005 à 17:12:35  profilanswer
 

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
n°1195274
gatsusat
Posté le 08-09-2005 à 17:22:14  profilanswer
 

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

n°1195335
plainsofpa​in
Pingouino's lover
Posté le 08-09-2005 à 17:54:51  profilanswer
 

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
n°1195448
noeticum
Posté le 08-09-2005 à 19:23:58  profilanswer
 

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....
n°1195462
omega2
Posté le 08-09-2005 à 19:42:24  profilanswer
 

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

n°1195466
FlorentG
Unité de Masse
Posté le 08-09-2005 à 19:51:52  profilanswer
 

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...

n°1195467
FlorentG
Unité de Masse
Posté le 08-09-2005 à 19:53:06  profilanswer
 

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]

n°1195469
noeticum
Posté le 08-09-2005 à 20:02:16  profilanswer
 

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

n°1195470
noeticum
Posté le 08-09-2005 à 20:03:20  profilanswer
 

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

mood
Publicité
Posté le   profilanswer
 

 Page :   1  2
Page Précédente

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  une galerie photo...

 

Sujets relatifs
galerie photo => defilement de miniature[FLASH] Comment faire une galerie photo ?
mysql_fetch_query & galerie photo[PHP] htaccess, Restriction des droits sur les img d'une galerie photo
[PHP] Galerie photo + upload :: Venez tester ::[PHP] Upload photo + Galerie CSS XHTML [Résolu]
Recherche Galerie Photo [PHP][php] galerie photo gratuite
galerie photo[PHP] Script galerie photo hyper lent....comment optimise tt ça ?
Plus de sujets relatifs à : une galerie photo...


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR