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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  vignettes galerie web photoshop limitée à 400 px

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

vignettes galerie web photoshop limitée à 400 px

n°1879845
phpi
Posté le 30-04-2009 à 16:30:35  profilanswer
 

Bonjour,
 
Je cherche un moyen d'augmenter la taille des vignettes issues des galeries web de photoshop (je les modifie déjà à ma sauce avec dreamweaver). La taille est limitée à 400 px ; je veux plus et ne trouve pas ou modifier ce paramètre dans les pages des galeries.  
 
Une solution ?
 
Merci

mood
Publicité
Posté le 30-04-2009 à 16:30:35  profilanswer
 

n°1879861
SICKofitAL​L
misanthrope
Posté le 30-04-2009 à 16:48:39  profilanswer
 

ca peut venir :
- de l'attribut width ou height au niveau du tag IMG
- de règles CSS appliqués sur les elements en question : width, max-width, min-width
- d'un redimenssionement par JavaScript
 
Pour les deux premiers cas, utilises FireBug et inspecte les élements en question, pour le 3eme cas désactive le JavaScript pour vérifier si ca le fait toujours.


---------------
We deserve everything that's coming...
n°1879870
abais
Posté le 30-04-2009 à 17:01:37  profilanswer
 

Photoshop ne peut pas aller plus haut que 450 pour certains style de page, mais pour d'autre, il le peut...
De toute façon, Photoshop génère un truc trop bordélique (il utilise même des frames à mes souvenirs), le mieux c'est de faire la galerie toi même, ou d'utiliser des scripts flash comme simpleview...


Message édité par abais le 30-04-2009 à 17:02:20

---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
n°1879875
phpi
Posté le 30-04-2009 à 17:05:43  profilanswer
 

sur la page html des vignettes j'ai ça :
<td align=middle>
<table cellpadding=0 cellspacing=0 border=0>
<tr>
<td align=middle>
<table cellpadding=10 cellspacing=0 border=0><tr>
<td valign=top align=middle>
<A name=%ANCHOR% href="%IMAGEPAGE%"><IMG border=0 src="%THUMBNAILSRC%" %THUMBNAIL_HEIGHT% %THUMBNAIL_WIDTH% alt="%ALT%"></A><BR>
</td>
</tr></table>
</td>
</tr>
</table>
</td>
 
 
et absolument rien dans le CSS.
 
Cette donnée est commune à toutes les galeries générées par Photoshop (interface unique dans photoshop avec les même limitations).  
 
Comment je désactive le Javascript ? (c'est sans doute une question idiote...)
 
Merci

n°1879887
phpi
Posté le 30-04-2009 à 17:56:30  profilanswer
 

J'ai testé pas mal de choses dont simpleview mais je n'aime pas. Je veux créer une galerie très simple avec de grosses vignettes genre 450 px de haut (pour être visionner avec un scroll sur un petit écran) et de grandes images pour le grand écran visionnées avec une navigation. Un exemple d'où j'en suis ici http://www.architectures-paysages.fr/
Bien sur j'ai encore certaines choses à améliorer (notamment les transitions, j'ai l'impression qu'il n'y a pas de "pre load" des images...). Mais c'est base aussi simple que je souhaite.

n°1879891
abais
Posté le 30-04-2009 à 18:07:35  profilanswer
 

Pour activer/désactiver JS, dans Firefox : Outils/Option/Contenu
 
Sinon, dans photoshop, je suis limité à 450px que pour les styles "Cadre centré"... Les autres, aucun problème pour monté au dessus.
 
Sinon tu parle de quel page HTML, des pages générés ou du template matriciel ? Parce que moi le HTML diffère entre chaque galeries, même si les construction sont toujours aussi crade (table + iframe  :pt1cable: )


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
n°1879892
SICKofitAL​L
misanthrope
Posté le 30-04-2009 à 18:08:48  profilanswer
 

Et dans %THUMBNAIL_HEIGHT% et %THUMBNAIL_WIDTH% tu as quoi ?
Quel est le code que tu obtiens au final ?


---------------
We deserve everything that's coming...
n°1879894
abais
Posté le 30-04-2009 à 18:11:40  profilanswer
 

Ahhh, d'accord, je viens de comprendre, tu parles bien des vignettes, pas des grandes images...
Oui mais l'automatisation Toshop est bien faite pour une galerie "standard"...
Toi c'est pas tout à fait ça... tu va devoir le faire toi même...
Tu as des connaissances en html ?


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
n°1879895
abais
Posté le 30-04-2009 à 18:15:14  profilanswer
 

Moi j'ai ça par exemple :

Code :
  1. <a href="pages/P1000204.htm" target="TopFrame"><img src="thumbnails/P1000204.jpg" width="75" height="56" border=0 alt="P1000204"></a>


Edit : Je n'ai aucun pb pour resizer les images...


Message édité par abais le 30-04-2009 à 18:17:30

---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
n°1879896
phpi
Posté le 30-04-2009 à 18:20:48  profilanswer
 

niveau html j'apprends un peu à l'arrache (bref je vire et modifie mon modèle photoshop dans dreamweaver et je le teste ensuite dans photoshop). Généralement ça marche bien, mais je trouve pas cette fichue commande qui me limite la taille des vignettes.  
 
Au final j'ai un code pour chaque image dans le JScript Script File du type :
gPhotos = new Array();
gPhotos[0] = new Object();
gPhotos[0].filename = "martigues01.jpg";
gPhotos[0].ImageWidth = 900;
gPhotos[0].ImageHeight = 600;
gPhotos[0].ThumbWidth = 400;
gPhotos[0].ThumbHeight = 266;
gPhotos[0].meta = new Object();
 
Merci encore

mood
Publicité
Posté le 30-04-2009 à 18:20:48  profilanswer
 

n°1879918
SICKofitAL​L
misanthrope
Posté le 30-04-2009 à 19:41:10  profilanswer
 

phpi a écrit :

niveau html j'apprends un peu à l'arrache (bref je vire et modifie mon modèle photoshop dans dreamweaver et je le teste ensuite dans photoshop). Généralement ça marche bien, mais je trouve pas cette fichue commande qui me limite la taille des vignettes.  
 
Au final j'ai un code pour chaque image dans le JScript Script File du type :
gPhotos = new Array();
gPhotos[0] = new Object();
gPhotos[0].filename = "martigues01.jpg";
gPhotos[0].ImageWidth = 900;
gPhotos[0].ImageHeight = 600;
gPhotos[0].ThumbWidth = 400;
gPhotos[0].ThumbHeight = 266;
gPhotos[0].meta = new Object();
 
Merci encore


Donc il s'agirait de JavaScript.
Essayes d'augmenter le 400 que j'ai mis en gras (et par la même occasion de monter alors ThumbHeight par la valeur courante de ThumbWidth divisée par 1.5 (c'est le ratio : 400/266 = 900/600 = 1.5)
 


---------------
We deserve everything that's coming...
n°1879930
phpi
Posté le 30-04-2009 à 20:23:04  profilanswer
 

ça change rien, j'ai aussi essayé de changer directement la taille des vignettes dans la galerie finale mais la encore échec. Je joint un lien avec le template de photoshop et la galerie générée.
http://www.neufgiga.com/n/50-17/sh [...] ebef65de3/

n°1879952
SICKofitAL​L
misanthrope
Posté le 30-04-2009 à 21:31:46  profilanswer
 

d'apres ce que j'ai pu voir, tes ipages sont définies ainsi :
<IMG border=0 src="thumbnails/martigues02.jpg" height="266" width="400" alt="martigues02">
 
on y retrouve bien le 400, tu ne peux pas changer ca manuellement (directement dans le fichier index.html) ?


---------------
We deserve everything that's coming...
n°1880006
phpi
Posté le 01-05-2009 à 08:44:00  profilanswer
 

Effectivement ça marche. Mais il faut quand même avant remplacer les vignettes par de nouvelles de la bonne taille. Ensuite, un petit coup de "rechercher et remplacer" dans Dreamweaver. J'aimerais quand même pouvoir modifier ça à la création des galeries. Çà sera Personne n'a une petite idée ?

n°1880012
SICKofitAL​L
misanthrope
Posté le 01-05-2009 à 09:56:53  profilanswer
 

phpi a écrit :

Effectivement ça marche. Mais il faut quand même avant remplacer les vignettes par de nouvelles de la bonne taille. Ensuite, un petit coup de "rechercher et remplacer" dans Dreamweaver. J'aimerais quand même pouvoir modifier ça à la création des galeries. Çà sera Personne n'a une petite idée ?


Tes vignettes sont plus grandes que ca, elles sont juste redimenssionnées via l'attribut du tag IMG.
Par exemple, l'image thumbnails/martigues01.jpg fait 500x333 pixels ;)


---------------
We deserve everything that's coming...
n°1880026
phpi
Posté le 01-05-2009 à 11:35:48  profilanswer
 

Effectivement, comme j'ai déjà modifié le code, les vignettes sont en 500x333 mais s'affiche en 400x266 à cause du java script. Y a pas moyen d'intervenir là dessus ? Je ne vois rien dans le code qui génère mes pages (tableau-minimal).
 
Un dernier point, quel est le code pour précharger toutes les images dans la galerie, de façon a ce que la légende (genre martigues01.jpg) n'apparaisse pas quand on passe d'une image à l'autre ?
 
Merci encore

n°1880042
SICKofitAL​L
misanthrope
Posté le 01-05-2009 à 12:49:48  profilanswer
 

Non pas à cause du JS... Je sais pas si tu lis mes réponses mais le soucis vient des attributs du tag IMG :/


---------------
We deserve everything that's coming...
n°1880051
phpi
Posté le 01-05-2009 à 13:55:02  profilanswer
 

J'ai rechargée ma galerie sur le lien http://www.architectures-paysages.fr/
Je n'ai sans doute pas bien compris. Photoshop me génère bien une galerie avec des vignettes de 500x333 px mais elles s'affichent en 400x266 px (propriétés de la vignette dans ma galerie sur le navigateur). J'ai aussi bien compris qu'en modifiant les attributs du tag IMG dans mon index généré (passer de 400x266 à 500x333) j'obtiens bien des vignettes en 500x333. Ce que je cherche c'est obtenir directement dans photoshop la possibilité d'avoir des vignettes en 500x333 ou plus. Et là je cale...
"Un dernier point, quel est le code pour précharger toutes les images dans la galerie, de façon a ce que la légende (genre martigues01.jpg) n'apparaisse pas quand on passe d'une image à l'autre ? "
Un petit indice pour ça ?

n°1880052
SICKofitAL​L
misanthrope
Posté le 01-05-2009 à 14:15:34  profilanswer
 

Il s'agit de réglages sous Photoshop alors, et là je peux pas t'aider concernant ce sujet.
 
Pour le préchargement c'est possible, mais ca risque d'être complexe, car les liens dans ta page de miniatures menent vers une autre page, plutot que vers l'image elle même :/
 
En fait tant que tu passes par un soft qui te génère une gallerie, tu n'auras jamais vraiment la main sur ce qui se passe ou ce que tu peux faire [:spamafote]


---------------
We deserve everything that's coming...
n°1880060
phpi
Posté le 01-05-2009 à 15:28:04  profilanswer
 

Merci de tes réponses. Je vais étudier un peu le préchargement.


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

  vignettes galerie web photoshop limitée à 400 px

 

Sujets relatifs
projet personnel galerie marchandeMenu de vignettes images
Javascrip pour galerie photoscript HTML pour galerie photo
photoshop javascriptjava photoshop scipt
[RESOLU] [PHP] Génération de plusieurs vignettesafficher données EXIF dans galerie photo
[Affichage de grandes vignettes aléatoire][php][AS400]Se connecter à l'as 400 en php
Plus de sujets relatifs à : vignettes galerie web photoshop limitée à 400 px


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