> Tous les forums > Forum des Webmasters
 Aide pour galerie d'images
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
grapette
  Posté le 11/03/2011 @ 03:12 
Aller en bas de la page 
Petite astucienne

Bonjour,

Mon portfolio en ligne manque de gueule et je cherche une idée ou un script simple et pas trop lourd. Des vignettes (thumbnails) cliquables au-dessus ou au-dessous de l'espace pour l'image et peut-être un scroll pour faire défiler les vignettes sur une seule rangée: http://www.carmengraph.com/portfolio.htm

J'ai essayé des trucs comme Web Photo Album, PhotoOnWeb, JAlbum et Visual lightbox, mais c'est parfois difficile d'intégrer avec le modèle du site et c'est difficile de modifier.

Quoique que le dernier en lisse donne de bons résultats, mais je veux pas des popup, voir ex: http://www.carmengraph.com/cartes/dessins-cartes.html

Des contraintes: l'hébergeur limite la taille des fichiers à 200ko et ma connexion Internet est pourrie (24ko/s), donc on oublie flash et autres trucs lourds, pour l'instant du moins.

Je suis ouverte aux suggestions, commentaires ou critiques -- pas trop assassines SVP, pour l'infographiste autodidacte que je suis.

Merci!

cg

Publicité
elle
 Posté le 11/03/2011 à 03:14 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

En CSS : http://location-capdagde.com/agde.html

Léger, rapide, efficace, configurable à volonté.



Modifié par elle le 11/03/2011 03:16
grapette
 Posté le 11/03/2011 à 03:22 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

Ouais, mais ça ressemble un peu à ce que j'ai sur ma page: http://www.carmengraph.com/portfolio.htm

non?

elle
 Posté le 11/03/2011 à 03:25 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Je ne sais pas, ton site ne veut pas ouvrir...

elle
 Posté le 11/03/2011 à 03:27 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Bon, j'ai vu. Alors oui et non, parce que ta galerie n'est pas du tout accessible si JavaScript est désactivé.

kalinka
 Posté le 11/03/2011 à 08:22 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucienne

Message original par grapette

Bonjour,

Mon portfolio en ligne manque de gueule et je cherche une idée ou un script simple et pas trop lourd. Des vignettes (thumbnails) cliquables au-dessus ou au-dessous de l'espace pour l'image et peut-être un scroll pour faire défiler les vignettes sur une seule rangée: http://www.carmengraph.com/portfolio.htm

J'ai essayé des trucs comme Web Photo Album, PhotoOnWeb, JAlbum et Visual lightbox, mais c'est parfois difficile d'intégrer avec le modèle du site et c'est difficile de modifier.

Quoique que le dernier en lisse donne de bons résultats, mais je veux pas des popup, voir ex: http://www.carmengraph.com/cartes/dessins-cartes.html

Des contraintes: l'hébergeur limite la taille des fichiers à 200ko et ma connexion Internet est pourrie (24ko/s), donc on oublie flash et autres trucs lourds, pour l'instant du moins.

Je suis ouverte aux suggestions, commentaires ou critiques -- pas trop assassines SVP, pour l'infographiste autodidacte que je suis.

Merci!

cg

il existe pas mal de galerie avec jquery et css qui pourraient te convenir comme celle ci denichée par dreamer

je trouve que les images de ton portfolio sont vraiment trop petites pour que tes visiteurs voient réellement ce dont tu est capable (c'est normalement le but d'un portfolio), tu devrais mettre des images bien plus grandes surtout avec le grand espace vide que tu as dessous. Profites en pour mettre le lien vers ton cv dans le menu car sinon il faut vraiment le chercher.

Pour contourner la limite des 200 ko, tu peux toujours héberger tes images plus grosses sur un serveur d'image (hostingpics, casimages,hiboox,imagup, etc)

grapette
 Posté le 25/03/2011 à 14:28 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

Merci pour les conseils, je vais en tenir compte et je essayé d'en appliquer.

Entretemps, je suis à réaliser un portfolio en version PDF, parce que plusieurs demande qu'on leur envoie et je me demandais si je pouvais tout simplement si je ne devrais pas remplacer ma galerie d'image par cette version naviguable?

Merci encore à vous tous!

cg

Dreamer
 Posté le 25/03/2011 à 16:32 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

grapette a écrit :

Merci pour les conseils, je vais en tenir compte et je essayé d'en appliquer.

Entretemps, je suis à réaliser un portfolio en version PDF, parce que plusieurs demande qu'on leur envoie et je me demandais si je pouvais tout simplement si je ne devrais pas remplacer ma galerie d'image par cette version naviguable?

Merci encore à vous tous!

cg

Il serait plus judicieux de faire les deux, une version "visible" et une version "téléchargable" .......

Pour ta version "visible", je te conseille un lightbox, simple à utiliser et à mettre en oeuvre :

- http://www.huddletogether.com/projects/lightbox2/

- http://jquery.com/demo/thickbox/

- http://fancybox.net/

- http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/ ( Mon préféré)

- Etc ..

grapette
 Posté le 26/03/2011 à 02:44 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

Astucien,

Je peux pas accéder aux demos avec ma connexion Internet pourrie, mais je vais zieuter ça au boulot.

Merci pour les conseils et les liens

Publicité
grapette
 Posté le 04/04/2011 à 02:49 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

Au secours! {#}

J'ai essayé la galerie en CSS suggérée par Elle et je suis tout empêtrée dans les CSS et les codes Javascripts de ma page Web et ne sait pas comment démêler tout ça: http://carmengraph.com/portfolio1.htm

Les images s'ouvre dans une nouvelle fenêtre et j'arrive pas à voir ce que j'ai fait pour bousiller le script: http://location-capdagde.com/agde.html

{#} SVP Avez-vous une idée pour m'aider à me sortir de là?

cg

griggione
 Posté le 12/06/2011 à 08:34 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grand Maître astucien
Dreamer a écrit :

- http://www.huddletogether.com/projects/lightbox2/

Bonjour Dreamer

Juste signalé que lightbox 1 ou 2 ne passe pas avec Firefox 4.x et IE9

En fait ne s'affiche que 200px (left) de l'image agrandie.

elle
 Posté le 12/06/2011 à 08:38 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Pas de problème sur Firefox 4 pour moi.

griggione
 Posté le 12/06/2011 à 08:42 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grand Maître astucien

Bonjour elle

Sur le mien en 3.6.x ça va bien, mais sur celui d'à coté en 4.x, ça passe pas (sur un autre aussi) ?????

elle
 Posté le 12/06/2011 à 20:43 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

T'avais pas déjà eu ce problème dans un autre sujet?

Dreamer
 Posté le 12/06/2011 à 21:24 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

griggione a écrit :
Dreamer a écrit :

- http://www.huddletogether.com/projects/lightbox2/

Bonjour Dreamer

Juste signalé que lightbox 1 ou 2 ne passe pas avec Firefox 4.x et IE9

En fait ne s'affiche que 200px (left) de l'image agrandie.

Je lui préfère Prettybox ......

griggione
 Posté le 13/06/2011 à 10:47 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grand Maître astucien
Dreamer a écrit :

Je lui préfère Prettybox ......

RE

Ben oui mais ça m'obligerais à reprendre tous les liens

Si quelqu'un avait une soluce ....... parce que sur la toile, à part la dernière version qui soi-disant améliore, bien rien de proposé.

Dreamer
 Posté le 13/06/2011 à 10:59 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

griggione a écrit :
Dreamer a écrit :

Je lui préfère Prettybox ......

RE

Ben oui mais ça m'obligerais à reprendre tous les liens

Si quelqu'un avait une soluce ....... parce que sur la toile, à part la dernière version qui soi-disant améliore, bien rien de proposé.

Si tu as Notepad, tu enlèves et tu remets tout en même temps ......

Publicité
griggione
 Posté le 13/06/2011 à 11:23 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grand Maître astucien

RE

Bien sur que j'ai Notepad++, pourquoi il existe autre chose pour faire un site {#}

Mais ça régle pas le problème de lightbox qui est employé par beaucoup.

Dreamer
 Posté le 13/06/2011 à 11:32 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

griggione a écrit :

RE

Bien sur que j'ai Notepad++, pourquoi il existe autre chose pour faire un site {#}

Mais ça régle pas le problème de lightbox qui est employé par beaucoup.

Lightbox, c'est pas mal, mais pour une meilleur présentation je lui préfère prettybox (option facebook) car je peux modifier la présentation, la police , etc..Dans le css !!

griggione
 Posté le 13/06/2011 à 11:55 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grand Maître astucien

RE

C'est ce que je suis en train de voir, je crois bien que je sois obligé de changer, déjà pour le beug mais aussi pour la custom.

En tout cas je savais que mettre ce topic dans la musette me servirait un jour.
Merci Dreamer

Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
14,99 €Lot de 8 brossettes Oral-B Precision Clean à 14,99 €
Valable jusqu'au 29 Septembre

Amazon fait une promotion sur le lot de 8 brossettes Oral-B Precision Clean originales qui passe à 14,99 €. On le trouve ailleurs à partir de 25 €. Et si vous vous abonnez pour recevoir ce produit tous les 6 mois (ou à la fréquence de votre choix), vous obtiendrez 5% de remise.


> Voir l'offre
129,99 €Ecouteurs intra sans-fil Sony WF-1000XM3 à réduction de bruit active à 129,99 €
Valable jusqu'au 29 Septembre

Boulanger fait une belle promotion sur les écouteurs intra-auriculaire sans-fil Sony WF-1000XM3 avec réduction de bruit active qui passent à 129,99 € une fois dans votre panier qu'on les trouve ailleurs à plus de 170 €. Performants, confortables et modernes, les écouteurs True Wireless Sony WF-1000XM3 s'inviteront naturellement dans votre quotidien. Livrés avec un boîtier de charge/transport, ils bénéficieront d'une autonomie maximale de 24 heures tout en assurant une écoute de haute qualité grâce à la puce Bluetooth 5.0. Gérez facilement votre lecture avec les commandes tactiles sur l'oreillette, prenez des appels dans les meilleures conditions avec les deux microphones intégrés et discutez facilement sans avoir besoin de retirer vos écouteurs grâce à la fonction Quick Attention.

Les écouteurs sont affichés à 149,99 € en promotion sur la page du produit. Ils passeront à 129,99 € une fois ajoutés au panier.


> Voir l'offre
-6 €6 € offerts pour toute commande d'un chèque-cadeau de 50 € @Amazon
Valable jusqu'au 04 Octobre

Amazon remet en avant son offre pour obtenir un bon d'achat de 6 € sur Amazon. Pour toute commande d'un chèque cadeau Amazon de 50 €, Amazon vous offre un bon d'achat de 6 € utilisable jusqu'au 14 Novembre 2021. Vous pourrez ainsi par exemple utiliser votre chèque cadeau de 50 € et votre bon d'achat de 6 € pour un achat de plus de 56 € (qui ne vous reviendra alors qu'à 50 €, soit 11,7 % de réduction, ce qui est toujours ça de pris). 

Notez que cette offre n'est pas disponible si vous avez déjà acheté des chèques cadeaux dans les 36 derniers mois.


> Voir l'offre

Sujets relatifs
Aide pour faire un 360 degré images (animation)
Aide pour Gimp !!
besoin d'aide pour Kompozer
Aide pour finaliser le transfert d'un hébergeur gratuit vers 1&1, svp
Aide pour modifications dans le code d'un blog
Aide pour une pagination (SQL/PHP)
aide pour menu déroulant
Besoin d'aide pour achat portable usage pro
Aide pour du CSS
Aide pour creation d'un blog pour classe de neige
Plus de sujets relatifs à Aide pour galerie d''images
 > Tous les forums > Forum Forum des Webmasters