> Tous les forums > Forum des Webmasters
 vignette photo avec pop up bien dimensionné
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
adam75
  Posté le 03/02/2007 @ 21:24 
Aller en bas de la page 
Nouvel astucien

Bonjour,

Je me suis lancé il y a quelques temps dans la création d'un site perso et je suis heureux de découvrir ce forum. :)

Voilà j'aimerais mettre des photos sur mon site en miniature et quand on clique sur l'image un pop up s'ouvre avec la photo en taille d'origine (en grand). J'aimerais aussi que la nouvelle fenêtre qui s'ouvre soit de la taille de la photo.

Petite precision, je ne veux pas creer 2 photos mais une que j'utiliserai pour la miniature et pour la grande.

Merci beaucoup d'avance.

Adam.

Publicité
Dreamer
 Posté le 03/02/2007 à 21:38 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Salut

J'ai peut-être ce qu'il te faut , mais c'est du javascript , regardes ici , si tu as quelques bases , cela ne devrait pas te poser de problèmes .

A +

lebendre
 Posté le 03/02/2007 à 23:31 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

C'est pas forcément une bonne idée de ne pas vouloir avoir deux photos, une petite et une grande, parce que si t'as beaucoup (même si t'en n'a pas des dizaines) de photos sur la page, elle va faire long pour s'afficher, vu qu'elle devra charger toutes les grandes photos (même si c'est pour les afficher en petit!)

Et ça fait pas long de créer des miniatures, ou bien à l'aide d'un logiciel (par exemple le très bon XnView), ou bien en passant par un script php.

adam75
 Posté le 04/02/2007 à 05:45 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Nouvel astucien

Merci beaucoup pour vos réponses super rapide. :)

J'ai finalement creer 1 miniature par photo comme me l'a conseillé lebendre.

Par contre Dreamer je n'ai pas trop de bases du coup je n'ai pas compris comment faire. :(

Encore merci.

Dreamer
 Posté le 04/02/2007 à 08:25 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Salut

Tout dépend de ton code .

1 - Tu as une ligne a mettre dans ton <head></head>

2 - Un fichier css

3 - 3 images a mettre dans un dossier : image par exemple

4 - Un rel dans ton lien <a rel="lightbox href="......."><img src=" .." /></a>

Et c'est fait

A +

Ps : si tu veux de l'aide , mets-moi le script

y.bli
 Posté le 04/02/2007 à 10:58 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Bonjour,

<a href="#" onclick="window.open('photos/photo01.jpg','popup','toolbar=no,menubar=no,scrollbars=yes)">
<img src="miniatures/photo01.jpg" border="0"></a>

tes photos dans dossier : photos

tes miniatures dans dossier : miniatures

@+

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
111,01 €SSD externe portable Samsung T7 1 To à 111,01 € livré
Valable jusqu'au 23 Septembre

Amazon Allemagne fait une promotion sur le SSD externe portable Samsung T7 1 To qui passe à 106,27 €. Comptez 4,74 € pour la livraison en France soit un total de 111,01 € livré alors qu'on trouve le SSD à partir de 189 € ailleurs. Son format compact vous permettra de le transporter facilement avec vous. De quoi stocker parfaitement vos fichiers et de les emporter dans vos déplacements en toute sérénité. Grâce à la technologie PCIe NVMe intégrée et au connecteur USB 3.1 Type C, bénéficiez de vitesses supérieures pouvant atteindre 1050 Mo /s ! Compatible PC, Mac et Android, il se montrera rapidement indispensable. Le disque Samsung T7 se pare d'un boîtier robuste en aluminium qui résistera aux chutes. Il embarque également un cryptage avancé avec mot de passe.

Vous pouvez utiliser votre compte Amazon France sur Amazon Allemagne et il n'y a pas de douane. Si vous êtes perdu en allemand, vous pouvez traduire le site en anglais.


> Voir l'offre
11,45 €Microsoft bluetooth mouse à 11,45 €
Valable jusqu'au 23 Septembre

Amazon fait une promotion sur la souris Microsoft bluetooth mouse qui passe à 11,45 € au lieu de 25 €. La Microsoft Bluetooth Mouse est une souris qui vous suit partout, que ce soit en déplacement, au bureau ou à la maison, elle répond toujours présente. Intégrant un capteur optique de 1000 dpi, elle offre un suivi rapide sur la plupart des surfaces. Sans fil, elle se connecte à votre ordinateur via Bluetooth afin de vous permettre de travailler en toute liberté.


> Voir l'offre
84,99 €Chaise de bureau ergonomique Motiffe (accoudoirs,soutien lombaires, appui-tête réglable) à 84,99 €
Valable jusqu'au 23 Septembre

Amazon fait une promotion sur la chaise de bureau ergonomique Motiffe qui passe à 84,99 € au lieu de 150 €. La livraison est gratuite. Cette chaise vous permettra de travailler confortablement toute la journée. Avec appui-tête, accoudoirs et soutien lombaire réglables.  En cas de fatigue au travail ou lorsque vous étudiez, vous pourrez aisément ajuster et verrouiller l'inclinaison du dossier entre 95 et 136°. Charge max 110 kg.


> Voir l'offre

Sujets relatifs
création site photo avec commentaire(familliale)
box avec photo aléatoire sur votre site
Album photo avec jalbum
Album photo sur +sieurs pages avec Namo
Hébergement de site avec nom de domaine
Migration PHP 5.3 vers 5.5 ou 5.6 (avec WAMP)
background css disparait avec le responsive design
Barre intempestive avec FF et pas avec IE
Problème avec free
défaut sur mon site avec FF et pas avec IE
Plus de sujets relatifs à vignette photo avec pop up bien dimensionné
 > Tous les forums > Forum Forum des Webmasters