.
virusphoto virusphoto

Identifiant

Mot de passe

Derniers messages Messages du jour Sujets sans réponse S'inscrire

Rejoignez-nous !

VirusPhoto » Forum » La communauté » Les sites des membres

Noter la discussion : Présenter ses images sur internet

Aller au premier non-lu
  #1  
non lus 31/05/2008, 00h05
Avatar de Dnicolas.FR
Membre
Ma pratique de la photo: La photo est mon métier
Matériel: D300 D70 24-70 2,8 50 1,4 SX70 Holga Mamiya C330
 
Messages: 762
5255 Photiz - Faire un don

Présenter ses images sur internet


Bonjour, une petite question technique sur la partie site web.

Je ne sais jamais comment présenter mes images sur internet. J'ai abandonné le ''photoblog'' assez rapidement ca e me convient que trop eu car je présente mes images par série.

Alors il y a Flickr. Oui mais bon....

Je vois depuis un ou deux an une présentation des images en ligne, à l'horizontale.
C'est la façon la plus sobre je trouve, car l'oeil ne change pas de point de vue est l'on reste assez concentré.
Un lien d'exemple

J'aimerai savoir si il y a des plugins ou si c'est un "style" de site, ou si il faut coder la page avec le lien des images.

Alors,.... Comment on fait ?
Réponse avec citation

Pour participer aux discussions et avoir accès à tous les outils
proposés sur VirusPhoto, inscrivez-vous en quelques secondes : cliquez ici.

Outils de la discussion Chercher dans ce sujet
Rechercher dans la discussion:

Recherche avancée

Noter la discussion
Evaluez cette discussion :
  #2  
non lus 31/05/2008, 00h40
Avatar de minuit-six
Membre
Ma pratique de la photo: Je débute
Matériel: Pentax K200D, 18-55, 55-200, 50mm f:2, 135mm f:2.8.
 
Messages: 22
340 Photiz - Faire un don
La page du site que tu proposes en exemple est tout simplement un tableau codé en html qui comprend une ligne et autant de cellules que de photos.

Tu peux avoir le code complet de la page (il est court...) en tapant Ctrl=U sous firefox (ou en cliquant sur "affichage" puis "source" sous Internet Explorer).
Réponse avec citation
  #3  
non lus 31/05/2008, 01h06
Avatar de Dnicolas.FR
Membre
Ma pratique de la photo: La photo est mon métier
Matériel: D300 D70 24-70 2,8 50 1,4 SX70 Holga Mamiya C330
 
Messages: 762
5255 Photiz - Faire un don
Oui j'ai vu le code.
C'est a dire que à chaque série je code une page quoi.

Un peu relou...
Réponse avec citation
  #4  
non lus 31/05/2008, 01h19
Avatar de dolphin
Membre
Ma pratique de la photo: Passionné de photo
Matériel: D700 - 50/1.8 - 85/1.8 - 180/2.8 - Tamron 28-75 ...
 
Messages: 9 741
50671 Photiz - Faire un don
Bin c'est comme je fais moi, en effet c'est facile : un tableau d'1 ligne et x colonnes et on place chaque image dans chaque cellule
Réponse avec citation
  #5  
non lus 31/05/2008, 01h22
Membre
Ma pratique de la photo: Je débute
 
Messages: 172
1280 Photiz - Faire un don
Si ça t'embête, tu peux tout automatiser en PHP et en plaçant un dossier à chaque série.
Ou, plus simple, tout automatiser avec PHP et une base de donnée. Mais celle-ci risque de devenir vite grosse. D'où la première solution.

La première : plus compliquée à mettre en oeuvre, mais diablement efficace.
La seconde : plus barbare et avec ses limites, mais disponible en quelques minutes.

Tiens, c'est souvent comme ça dans le monde du Web...
Bonne soirée.
Réponse avec citation
  #6  
non lus 31/05/2008, 01h38
Avatar de Erod
Membre
Ma pratique de la photo: Je débute
Matériel: K7+grip+Sigma 17-70+Sigma 70-300+Pentax 50+Pentax 24
 
Messages: 459
4625 Photiz - Faire un don
Sinon t'as le airtight autoviewer qui est très sympa.
Si t'as lightroom il est proposé dans l'exportation web.
Où alors ici la démo : AutoViewer
et là le site : AutoViewer Download
Réponse avec citation
  #7  
non lus 31/05/2008, 03h07
Avatar de Clovis
Membre
Ma pratique de la photo: Passionné de photo
Matériel: Oeil gauche + index droit + reflex
 
Messages: 2 207
19355 Photiz - Faire un don
Salut salut !

En effet, la présentation à l'horizontale est bien sympa !
Comme le souligne plus haut minuit-six, il s'agit ici d'un tableau à une seule ligne, mais cette méthode n'est pas correcte... Surtout qu'ici, il utilise des valeurs width dans ses bannières <td>, ce qui n'est pas du tout recommandé !

Je m'explique : en html, un tableau (<table>) est conçu pour présenter une liste ou des données, par pour faire de la mise en page (comme ce fut souvent le cas il y a des années, et comme c'est parfois encore le cas)...

Personnellement, j'opterai pour une solution à base d'un <div style="white-space:nowrap;"> (ou placer la valeur de "style" dans une feuille de style) et de placer ensuite tes images les unes derrières les autres, sans oublier de laisser un espace derrière (un retour chariot marche aussi et fait office d'espace). Le seul truc, c'est que le bouton "back" n'est plus centré en hauteur... De toute façon, ca me perturbait ce truc au bout...

C'est beaucoup plus simple, moins lourd (quelques octets, mais pour les petites connections c'est beaucoup), moins casse tête à mettre en place et n'utilise les table pour un usage pour lequel il n'est pas conçu.

J'ai posé ma méthode en ligne sur un de mes serveur pour que tu puisse comparer les sources (avec plusieurs variantes du code, et tu remarquera que j'ai volontairement oublié un espace pour montrer ce que ca fait).
Réponse avec citation
  #8  
non lus 31/05/2008, 03h10
Avatar de Clovis
Membre
Ma pratique de la photo: Passionné de photo
Matériel: Oeil gauche + index droit + reflex
 
Messages: 2 207
19355 Photiz - Faire un don
Autoviewer est en flash, je trouve ca un peu lourd d'utiliser flash pour un effet qui lie le nowrap de CSS à un effet de slide JavaScript et qui rendrait le tout beaucoup plus léger !
Réponse avec citation
  #9  
non lus 31/05/2008, 04h32
Avatar de Erod
Membre
Ma pratique de la photo: Je débute
Matériel: K7+grip+Sigma 17-70+Sigma 70-300+Pentax 50+Pentax 24
 
Messages: 459
4625 Photiz - Faire un don
C'est pourtant très éfficace.....
Le chargement des images est dynamique et le script lui même est très léger.

Dernière modification par Erod 31/05/2008 à 04h35.
Réponse avec citation
  #10  
non lus 31/05/2008, 05h07
Avatar de Clovis
Membre
Ma pratique de la photo: Passionné de photo
Matériel: Oeil gauche + index droit + reflex
 
Messages: 2 207
19355 Photiz - Faire un don
Force pas, tu parles à un anti-flash en puissance !
Réponse avec citation
  #11  
non lus 31/05/2008, 09h16
Membre
Ma pratique de la photo: Je débute
 
Messages: 172
1280 Photiz - Faire un don
Bien vu pour le code. Je n'ai pas pensé à le regarder.
Cela dit, ça ne change rien à son problème de fainéantise.
Réponse avec citation
  #12  
non lus 31/05/2008, 13h01
Avatar de Dnicolas.FR
Membre
Ma pratique de la photo: La photo est mon métier
Matériel: D300 D70 24-70 2,8 50 1,4 SX70 Holga Mamiya C330
 
Messages: 762
5255 Photiz - Faire un don
Citation:
Posté par Killerboy Voir le message
Bien vu pour le code. Je n'ai pas pensé à le regarder.
Cela dit, ça ne change rien à son problème de fainéantise.

Si tu as l'habitude de poste des séries une à deux fois par semaine c'est pas de la fainéantise mais de la non-productivité.
Si j'avais voulu continuer à mettre le nez dans le code j'aurai fais webmaster et pas photographe
Ceci dis mon premier site je l'ai fait à 14 ans avec un bouquin HTML de 600 pages etc.... le bloc-note windiws ^^
C'était très moche. et j'en étais très fière.
Réponse avec citation
  #13  
non lus 31/05/2008, 13h22
Avatar de Erod
Membre
Ma pratique de la photo: Je débute
Matériel: K7+grip+Sigma 17-70+Sigma 70-300+Pentax 50+Pentax 24
 
Messages: 459
4625 Photiz - Faire un don
Citation:
Posté par OwInTwIsT Voir le message
Force pas, tu parles à un anti-flash en puissance !

Dans ces conditions.....

Cordialement .

Erod (formateur flash).
Réponse avec citation
VirusPhoto » Forum » La communauté » Les sites des membres

Réponse

Discussion précédente / suivante dans cette rubrique :
« Création Blog avec Wordpress | Je me suis décidé à faire un site ! »

Non-lu Non-lu  
Bloguer ceci Outils de la discussion Rechercher dans la discussion Noter la discussion

Outils de la discussion Rechercher dans la discussion
Rechercher dans la discussion:

Recherche avancée
Noter la discussion
Noter la discussion:

 


LinkBacks Enabled by vBSEO © 2011, Crawlability, Inc.
Powered by vBulletin® Version 3.8.2 - Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.
2006 - 2017 © ® VirusPhoto. Tous droits réservés.