La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  [Résolu]Aide pour agrandir image avec fonf de l'écran en noir opaque
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: [Résolu]Aide pour agrandir image avec fonf de l'écran en noir opaque  (Lu 2397 fois)
[Résolu]Aide pour agrandir image avec fonf de l'écran en noir opaque
« sur: le 14-10-2009 a 09:06:26 »
close2me31
Membre récent
*

Hors-Ligne

Messages: 3





Voir le Profil
Répondre avec citation

Voilà maintenant plusieurs jours que je cherche sur internet des infos pour agrandir une image à  partir d’une petite image tout en obtenant un fond noir opaque tout autour de l’image. Rien de plus parlant  qu’un exemple :  sur le site internet suivant http://www.casetor-flight-case.com/index.php?option=com_content&task=view&id=138&Itemid=162
cliquez sur une  image « de flight-case », l’image s’agrandit et tout le fond de l’écran devient noir opaque. J’ai vu que le site en question utilisait un plugin « simple image gellery »…mais je n’ai pas réussi à le faire fonctionner sur mon site internet. Connaissez vous un moyen simple et compatible sur IE afin de réaliser le même rendu ?
Merci par avance de votre aide

« Dernière Édition: le 09-11-2009 a 18:14:10 par ToToMaStEr » Rapporter au modérateur  

Re:aide pour agrandir image avec fonf de l'écran en noir opaque
« Répondre #1 sur: le 14-10-2009 a 10:21:40 »
herlock31
Habitué
***

Hors-Ligne

Sexe: Male
Messages: 258




23994519 23994519
Voir le Profil    WWW
Répondre avec citation

C'est un effet que l'on fait grace à une librairie Javascript, prototype, mootools ou jquery.

Le script c'est lightbox sous mootools et il existe la même chose sous jquery

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

C'est assez simple à mettre en place.

a+

Rapporter au modérateur  

Web-Scope : Gérant, Gestion clientèle, développement. Votre spécialiste en e-commerce, Prestashop et Magento.
http://www.web-scope.fr
http://www.olecorre.fr avant web-scope quand j'étais freelance
Re:aide pour agrandir image avec fonf de l'écran en noir opaque
« Répondre #2 sur: le 14-10-2009 a 10:25:35 »
close2me31
Membre récent
*

Hors-Ligne

Messages: 3





Voir le Profil
Répondre avec citation

merci herlock 31 pour ta réactivité.
je vais aller étudier  le script lightbox et esssauer de l'installer de ce pas...

A titre informatif connais tu d'autres scripts qui tournent sous protoype, jquery ou javascript ?

merci

Rapporter au modérateur  
Re:aide pour agrandir image avec fonf de l'écran en noir opaque
« Répondre #3 sur: le 14-10-2009 a 10:28:25 »
herlock31
Habitué
***

Hors-Ligne

Sexe: Male
Messages: 258




23994519 23994519
Voir le Profil    WWW
Répondre avec citation

que se soit sous prototype, jquery ou mootools, il a des centaines, voir des milliers de scripts en tout genre, suffit de faire une recherche sous google pour en trouver.

des scripts pour gérer des tableaux, plein de galleries d'image, controle de formulaire, message d'alerte customisé etc....

Rapporter au modérateur  

Web-Scope : Gérant, Gestion clientèle, développement. Votre spécialiste en e-commerce, Prestashop et Magento.
http://www.web-scope.fr
http://www.olecorre.fr avant web-scope quand j'étais freelance
Re:aide pour agrandir image avec fonf de l'écran en noir opaque
« Répondre #4 sur: le 14-10-2009 a 10:31:45 »
herlock31
Habitué
***

Hors-Ligne

Sexe: Male
Messages: 258




23994519 23994519
Voir le Profil    WWW
Répondre avec citation

par exemple pour un script de message d'alerte customiser, j'avais cherche "jquery popup alert" ou un truc du genre et j'ai eu plein de script ! j'ai trouvé mon bonheur dans le lot.
Et maintenant pour des besoins spécifiques je développe mes propres scripts à base de mootools ou jquery.

Rapporter au modérateur  

Web-Scope : Gérant, Gestion clientèle, développement. Votre spécialiste en e-commerce, Prestashop et Magento.
http://www.web-scope.fr
http://www.olecorre.fr avant web-scope quand j'étais freelance
Re:aide pour agrandir image avec fonf de l'écran en noir opaque
« Répondre #5 sur: le 14-10-2009 a 14:53:20 »
close2me31
Membre récent
*

Hors-Ligne

Messages: 3





Voir le Profil
Répondre avec citation

merci herlock 31, je viens de testet lightbox /  tres facile d'utilisation / paramétrage très simple / voilà c'est opérationnel merci pour tout ! quand j'aurai plus de temps j'irai voir ce qui se fait du côté des scripts dont tu m'asparlé !
encore merci pour ta réactivité. ça m'a bien aidé !!!

Rapporter au modérateur  
Re:aide pour agrandir image avec fonf de l'écran en noir opaque [RESOLU]
« Répondre #6 sur: le 15-10-2009 a 11:57:38 »
mediaffiliation
Membre récent
*

Hors-Ligne

Sexe: Femelle
Messages: 46





Voir le Profil    WWW    E-Mail
Répondre avec citation

Re,

Tu as également un autre script qui dérive de lightbox et qui s'appel lui lytebox, ça reste le même principe la seul différence c'est que le code est plus léger :

http://www.blogbuster.be/fr/Lytebox---Slideshow-en-javascript_art_107.html

++

Rapporter au modérateur  

Plateforme d'affiliation Mediaffiliation.fr
Agence Web Point Communication
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg