une galerie photo... - HTML/CSS - Programmation
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
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. |
Pour ça, il y a google et à la limite les s"ections software et reseau.
Marsh Posté le 05-09-2005 à 21:14:28
C'est bien vrai, mais j'ai un truc (pas propre) sous la main :
Code :
|
Marsh Posté le 05-09-2005 à 21:26:21
noeticum a écrit : Bonjour... |
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?... 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.
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..
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...
Et puis ensuite petit js...sur clic de petites photos, les grande change leur class de hidden a visible....
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). |
xtof_83 a écrit : ben avec un systéme de calques...votre truc marcherais... |
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?
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...
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).
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 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..
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...
Marsh Posté le 06-09-2005 à 18:19:32
Pour son code:
http://www.monkeyview.net/id/69/wi [...] .nav.vhtml
et style:
http://www.monkeyview.net/shared/simple.css
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 :
|
Y bug franchement ce forum ou je rêve ?
(faites [éditer], y a pas de balise cpp !)
Marsh Posté le 06-09-2005 à 18:29:07
Oui Oui il buggue
On se demande ce que fait la police anti-bug
Marsh Posté le 06-09-2005 à 18:33:31
xtof_83 a écrit : Pour son code: |
wouaaaaarf!!
merci
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...
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...
Marsh Posté le 06-09-2005 à 19:05:26
kalex a écrit : Y bug franchement ce forum ou je rêve ? |
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>
Marsh Posté le 07-09-2005 à 02:24:53
xtof_83 a écrit : Pour son code: |
bouh..
j'ai essayé de reproduire ce code sur ma page mais ca marche pas..
Code :
|
je ne sais pas à quoi correspond ce /shared/spacer.gif, donc ne sais pas par quoi le remplacer...
qq1 qu'a une idée?
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
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+
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.
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.
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 )
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
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... |
Enlève moi cette musique de fond
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...
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+=" Cliquez ici pour fermer 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
Marsh Posté le 08-09-2005 à 17:22:14
tu as vu la gueule du code ? tu appelles cela mieux ? ho putain !!!!!
Marsh Posté le 08-09-2005 à 17:54:51
hlelong a écrit : Créer une page par photo c'est pas pratique. |
CAY KOA CE TRUQUE
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
Marsh Posté le 08-09-2005 à 19:42:24
oui c'est possible en javascript
c'est possible aussi avec une applet java.
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 ?? |
On fait pas 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...
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... |
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
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
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 ?
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