Popup avec fond floutéRésolu

Question

Bonjour à tous !


pour être plus compréhensible avec mon sujet, voici une image pour montrer ce que je veux faire...

http://img180.imageshack.us/my.php?image=floutenu6.png


voilà donc j'ai déjà réussi la popup et le fond "grisé" mais pour le flou alors là je ne sais pas faire du tout...


Meric beaucoup pour votre aide...

Flachy Joe · Accepted Answer

Essaye ça, testé uniquement sous Firefox. Salut Salut Bonne continuation ! Flachy Joe Ta vie t'est prêtée, fais en un cadeau.

Zobibol · Answer

Bonjour, bah facile, tu fais comme eux:
http://img180.imageshack.us/img180/7148/floutenu6.png

c'est une image flouté !

[o-_-o]

Tibzzzzz · Answer

c'est ironique ?

Zobibol · Answer

Bah non, c'est ce qu'ils font.
pour flouter une image en javascript/css je n'imagine même pas comment on peut faire si ce n'est que déplacée n fois une image ne n caractère en lui applicant une opacité !
ça risque d'être un peu lourd !

[o-_-o]

Tibzzzzz · Answer

les textes derrière sont différents et chaque fois c'est une image flouté ?

Zobibol · Answer

Qu'entends tu par 
                        
                        les textes derrière sont différents ? je ne comprends pas bien

[o-_-o]

Tibzzzzz · Answer

C'est à dire, que si on va sur n'importe quel page du site, et que l'on clic sur blog, l'image qui est flouté derrière est différente à chaque fois.... c'est pas possible d'avoir autant d'image flouté par page et dès qu'il y a une modif faut refaire une image flouté ? whaa

Zobibol · Answer

d'accord, je viens de réveiller mon neurone, c'est fait en flash !

[o-_-o]

Tibzzzzz · Answer

ah oui d'accord.... tout s'explique...

Tibzzzzz · Answer

donc ce n'est pas possible sans passer par le flash ?

Zobibol · Answer

bah justement, pour me détendre je regardais un peu, mais c'est pas évident, ça risque de faire des pages qui auront un poids de ouf mais ça doit être faisable en passant par l'opacité et les positions.

[o-_-o]

Flachy Joe · Answer

Oups :

                    var o2 = o1.cloneNode(true);
                    o1.parentNode.appendChild(o2);
                    o2.style.opacity = 0.2;
                    o2.style.left = (parseInt(o1.style.left) + x) + "px";
                    o2.style.top = (parseInt(o1.style.top) + y) + "px";

Précision :
Il faut un container parent pour que o1.parentNode.appendChild fonctionne, il faut aussi être en position absolue et définir left et top.

 Flachy Joe 

Ta vie t'est prêtée, fais en un cadeau.

Tibzzzzz · Answer

Merci c'est super !!!!!

Bonne semaine !

Flachy Joe · Answer

Pense à accepter la réponse, pour que les suivants trouve la solution plus facilement.

 Flachy Joe 

Ta vie t'est prêtée, fais en un cadeau.

Popup avec fond flouté

14 réponses

Votre réponse

Discussions similaires