vignettes galerie web photoshop limitée à 400 px

vignettes galerie web photoshop limitée à 400 px - HTML/CSS - Programmation

Marsh Posté le 30-04-2009 à 16:30:35    

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

Reply

Marsh Posté le 30-04-2009 à 16:30:35   

Reply

Marsh Posté le 30-04-2009 à 16:48:39    

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

Marsh Posté le 30-04-2009 à 17:01:37    

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

Marsh Posté le 30-04-2009 à 17:05:43    

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

Reply

Marsh Posté le 30-04-2009 à 17:56:30    

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.

Reply

Marsh Posté le 30-04-2009 à 18:07:35    

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

Marsh Posté le 30-04-2009 à 18:08:48    

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

Marsh Posté le 30-04-2009 à 18:11:40    

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

Marsh Posté le 30-04-2009 à 18:15:14    

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

Marsh Posté le 30-04-2009 à 18:20:48    

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

Reply

Marsh Posté le 30-04-2009 à 18:20:48   

Reply

Marsh Posté le 30-04-2009 à 19:41:10    

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

Marsh Posté le 30-04-2009 à 20:23:04    

ç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/

Reply

Marsh Posté le 30-04-2009 à 21:31:46    

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

Marsh Posté le 01-05-2009 à 08:44:00    

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 ?

Reply

Marsh Posté le 01-05-2009 à 09:56:53    

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

Marsh Posté le 01-05-2009 à 11:35:48    

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

Reply

Marsh Posté le 01-05-2009 à 12:49:48    

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

Marsh Posté le 01-05-2009 à 13:55:02    

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 ?

Reply

Marsh Posté le 01-05-2009 à 14:15:34    

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

Marsh Posté le 01-05-2009 à 15:28:04    

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

Reply

Sujets relatifs:

Leave a Replay

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