AccueilCodesTutorielsForumsEmploiLivresConnexion

  • Javascript / Ajax / DHTML CodeS-SourceS
  • RSS CodeS-SourceS
  • CodyxBot, le Bot GTalk & MSN qu'il vous faut !
  • Générez des revenus avec vos codes, scripts et tutoriaux
  • Aide à la navigation du site
begin process at 2008 11 20 12:12:53
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

POP-UP IMAGE SPLENDIDE !


Information sur la source

Catégorie :Fenêtre & Pop-up Classé sous : popup, image Niveau : Initié Date de création : 26/05/2006 Vu / téléchargé: 14 979 / 2 546
Auteur : neolien Site perso
Ecrire un message privé
Note :
7,17 / 10 - par 6 personnes
7,17 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Commentaire sur cette source (13)
Ajouter un commentaire et/ou une note

Description

Tout est dans le Zip !
 

Conclusion

Tourne sous IE et Mozilla pour le script de pop-up, que sous IE pour le fade sur les images.
 

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Commentaires et avis

signaler à un administrateur
Commentaire de johann1 le 27/05/2006 11:05:24

Fabuleux Neolien !!!

signaler à un administrateur
Commentaire de FraGag le 28/05/2006 06:05:19

Pour Gecko (Mozilla, Firefox et cie.), utilise la propriété CSS "opacity", qui prend des valeurs décimales entre 0 et 1, pour l'effet de "fade" (ne fonctionne pas avec IE). Pense aussi à déclarer tes variables avec "var". Aussi, l'image de fond n'a pas besoin d'être aussi grande : consulte la propriété background-repeat (http://www.w3.org/TR/CSS21/) et applique la couleur finale du dégradé à background-color. Ce n'est pas nécessaire non plus de répéter les propriétés inchangées pour les pseudo-classes de l'élément "a" ; le mieux serait de placer les propriétés de base pour le sélecteur "a" et les redéfinitions dans les sélecteurs avec les pseudo-classes. De plus, dans la fonction initLightBox, objOverlay se fait assigner une position sans unités. Et euh... c'est quoi cette idée d'utiliser les tableaux ?

signaler à un administrateur
Commentaire de bj33 le 29/05/2006 12:51:48

salut

le copyright de dynamicdrive, il est où? pompage, pompage...la modif n'est pas terrible, le popup, à l'origine est magnifique, mais là...en plus les miniatures sont beaucoup plus belles que les photos taille réelle, un comble.

le script original :

http://huddletogether.com/projects/lightbox/

une autre version de folie :

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

signaler à un administrateur
Commentaire de mickaelpfr le 30/05/2006 09:24:12

yop je connaissais le script de lightbox effectivement pompage ...
tout a fait daccord pour faire partager et découvrir mais citer vos source plutot que de vous les apropriés !!!
je te met 1 juste pour le partage !

signaler à un administrateur
Commentaire de paprika29 le 01/06/2006 09:45:23

Bonjour...

Débutante... Je trouve ce système lightbox très beau, mais... J'ai un petit souci avec l'affichage de mes pop-up... j'arrive bien à les mettre où je veux en position verticale. Mais impossible de trouver comment lui dire de dimensionner par rapport à la taille de l'écran...

Une bonne âme pourrait-elle m'aider?!

Merci d'avance...

signaler à un administrateur
Commentaire de xmag le 06/01/2007 12:35:44

Merci bj33 pour les liens!! :)) C'est trop bien ce truc! Par contre, savez vous s'il est possible de modifier simplement pour que l'on ne soit pas obligé de fermer la "popup" quand il y a plusieurs images dans une page et que l'on veut passer à la suivante en cliquant sur "suivant" dans la popup actuelle? (Ou alors, si quelqu'un l'a déjà fait, c'est encore mieux :p)
Merci ;)

signaler à un administrateur
Commentaire de xmag le 06/01/2007 12:38:28

Oh mince, j'suis bête, je viens de le trouver, juste en dessous : "Image Set"! Trop classe!
http://www.huddletogether.com/projects/lightbox2/

;)

signaler à un administrateur
Commentaire de leschar le 23/01/2007 22:44:31

bonsoir messieurs,

pas mal le script mais comment faire pour le voir en pleine page quand on a une page html avec des frames

merci d'avance

signaler à un administrateur
Commentaire de FraGag le 24/01/2007 04:12:15

leschar > C'est tout simplement impossible (en tous cas pas à ma connaissance). D'abord, les frames sont désormais déconseillés parce qu'ils sont plutôt problématiques (ex: c'est plus difficile de mettre la page dans ses favoris/signets/marque-pages/etc.). Si tu n'es pas obligé de les utiliser, ne les utilise pas. Si les cadres ne servent qu'à afficher un menu de navigation, tu n'as qu'à mettre la navigation sur toutes les pages du site (tant qu'elle est légère).

signaler à un administrateur
Commentaire de porthosjg le 11/04/2007 15:05:06

Bonjour,

Super le script, c'est exactement ce que je recherchai.

A un détail près, c'est a dire : réduire l'affichage par 2 ou pouvoir en régler le pourcentage.

Merci à vous

signaler à un administrateur
Commentaire de Blazer140 le 03/06/2007 00:00:24

Merci super boulot

Mais peut tu me dire quel ligne faut t'il modifie pour mettre en bas a droite une fois la photo agrandi ?

signaler à un administrateur
Commentaire de isidorecalendrin le 06/07/2007 16:51:57

salut paprika29, je cherche le moyen de placer le pop up verticalement pour respecter le design d'un site (titre tjrs apparent), visiblement tu sais comment faire, si tu pouvais me dire ou se trouve le code à changer, tu serais bénie
merci d'avance

signaler à un administrateur
Commentaire de GillesWebmaster le 27/06/2008 20:04:04 10/10

Magnifique 10/10

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

Insérer une image à partir d'une popup [ par yoyo1 ] Bonjour, Je souhaiterai intégrer une image dans une page à partir d'une liste d'image d'une popup. Je m'explique. Sur une page A j'ai une image "Cliqu problème paramétrage popup image javascript [ par roya ] Bon g voulu faire un script ki ouvre une image dans une popup (de la taille de l'image) en cliquant sur une vignette !ça marche mais g des images plus popup par lien image [ par morbidecourgette ] bonjour a tous , j ai bien cherche ,j y arrive po :Pvoila je voudrai savoir le code pour faire un popup en cliquant sur une image, et je voudrais qu e recuperer variable d'un popup [ par dudulebzh35 ] bonjour a tous,j'ai quelques problemes avec une variable d'un popup. je m'explique.j'ai une page principale, "index.php".dans cette page j'ai une imag POPUP image [ par TikoMoon ] Bonjour,Je souhaiterais cr&#233;er une popup aux dimensions d'une image. Il s'agit d'un d&#233;filement (sorte de diaporama) d'images cr&#233;er&nbsp; PopUp à partir d'un map d'une image [ par Endymion222 ] Bien le bonjour, j'ai comme qui dirait un ch'tit soucis... Voila, j'ai une image, sur laquelle je cr&#233;es&nbsp; une map pour avoir des zones cliqu Remplir un champ du formulaire via popup (URGENT) [ par jmobylette ] Bonjour,Je suis en train de faire un formulaire et j'ai un champ image :Image : &lt;input type="hidden" name="image"</F popup image [ par swiss_cheese10 ] Salut le people ! Bon alors voici mon prob...Sur mon futur site, j'ai pas mal d'images et j'aimerais que quand l'utilisateur clique sur une image, un Image du jour: Redimensionne Automatique + Ouvrir dans un popup [ par sp33dshark ] Bonjour a tous je debute en javascript et je n'est pas trouver de reponse dur internetje voudrai qu'avec le code ici quelle doit redimensionner automa aide fermeture popup image [ par the red power 65 ] bonjour a tousj'utilise ce script pour faire afficher mes images dans une popup :'&lt;HTML&gt;&lt;HEAD&gt;&lt;TITLE&gt;Image&lt;/TITLE&gt;&lt;/HEAD&gt


Nos sponsors

Sondage...

CalendriCode

Novembre 2008
LMMJVSD
     12
3456789
10111213141516
17181920212223
24252627282930

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :


Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,359 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.