out et in : les effets ?

Consultez la formation au référencement naturel Google de WebRankInfo / Ranking Metrics


bg62
WRInaute impliqué
WRInaute impliqué
 
Messages: 314
Inscription: Jeu Mai 25, 2006 10:37

out et in : les effets ?

Message le Ven Juil 11, 2008 14:29

bonjour
je voudrais faire ceci (lorsque l'on passe d'une page à l'autre dans un site)
- on clique ...
- la page ouverte se ferme (lentement) (fade ...)
- la page de destination s'ouvre (lentement) (appear)
mais je ne sais absolument pas comment faire, quels codes mettre, où les mettre, comment les paramétrer, etc !!! ni si c'est en html ou java ou ???

alors toute aide ou exemple seront les bienvenus ...
merci
b g


e-kiwi
Modérateur
Modérateur
 
Messages: 13854
Inscription: Mar Déc 23, 2003 9:04

Message le Ven Juil 11, 2008 14:32

Bonjour,

tout d'abord, voulez avoir un bon référencement et des visiteurs qui reviennent souvent ? :D


bg62
WRInaute impliqué
WRInaute impliqué
 
Messages: 314
Inscription: Jeu Mai 25, 2006 10:37

Message le Ven Juil 11, 2008 14:35

e-kiwi a écrit:Bonjour,

tout d'abord, voulez avoir un bon référencement et des visiteurs qui reviennent souvent ? :D

:?: pour l'instant rien à voir avec le référencement ....
ce que je cherche est une question de codage ...
@+
b g


blman
WRInaute accro
WRInaute accro
 
Messages: 2915
Inscription: Ven Sep 05, 2003 10:46

Message le Ven Juil 11, 2008 14:44

Une petite recherche sur Google et j'ai trouvé ça :
-http://www.webelix.net/trucs_et_astuces-(HTML)_Les_effets_de_transitions.html
(pas testé mais ça doit fonctionner comme ça).

[MODE CHAMBRE] Sinon, les gifs animés, c'est très tendance aussi : http://www.gif-anime.org/gif-anime/animal.html [/MODE CHAMBRE] Je :arrow:


bg62
WRInaute impliqué
WRInaute impliqué
 
Messages: 314
Inscription: Jeu Mai 25, 2006 10:37

Message le Ven Juil 11, 2008 14:52

blman a écrit:Une petite recherche sur Google et j'ai trouvé ça :
-http://www.webelix.net/trucs_et_astuces-(HTML)_Les_effets_de_transitions.html
(pas testé mais ça doit fonctionner comme ça).

[MODE CHAMBRE] Sinon, les gifs animés, c'est très tendance aussi : http://www.gif-anime.org/gif-anime/animal.html [/MODE CHAMBRE] Je :arrow:

merci c'est quasiment cela comme effet recherché... mais çeux-là ne fonctionnent que sous IE ... et encore !!!
et .... pas de gif animé puisque je recherche un effet qui puisse jouer sur tout l'ensemble de la page
@+
b g


bproductiv
WRInaute accro
WRInaute accro
 
Messages: 2824
Inscription: Lun Déc 27, 2004 16:29

Message le Ven Juil 11, 2008 15:07

a part en flash, je ne vois pas trop.
sinon as tu regardé du coté de jquery ou moo ?


e-kiwi
Modérateur
Modérateur
 
Messages: 13854
Inscription: Mar Déc 23, 2003 9:04

Message le Ven Juil 11, 2008 15:08

>> pour l'instant rien à voir avec le référencement ....

si je pose cette question, ce n'est pas pour rien. tout dépend si un jour ce site doit être super bien référencé ou si tu peux mettre ces effets de transition crades sans problème.


bg62
WRInaute impliqué
WRInaute impliqué
 
Messages: 314
Inscription: Jeu Mai 25, 2006 10:37

Message le Ven Juil 11, 2008 15:15

e-kiwi a écrit:>> pour l'instant rien à voir avec le référencement ....

si je pose cette question, ce n'est pas pour rien. tout dépend si un jour ce site doit être super bien référencé ou si tu peux mettre ces effets de transition crades sans problème.

ben crade ou pas ... faut voir si tu as des solutions, mais qui fonctionnent sur les différents navigateurs ...
@+
b g


blman
WRInaute accro
WRInaute accro
 
Messages: 2915
Inscription: Ven Sep 05, 2003 10:46

Message le Ven Juil 11, 2008 15:23

grâce à CSS et javascript, il doit bien y avoir moyen de faire un truc sympa. A voir si tu le code toi même ou si tu utilise des librairies comme mootools ou scriptaculous, comme te l'a préciser bproductiv.

L'idée serait de mettre une balise <div> contenant tout ton contenu, qui fait 100% de l'écran en hauteur :
- à l'ouverture, elle fait 0% de large et tu la redimensionne toute les x millisecondes jusqu'à 100% grâce à un événement onload();
- à la fermeture, tu fait l'inverse; de 100% à 0% toutes les x millisecondes.

En JS voir la fonction setTimeout() pour la gestion du temps


bg62
WRInaute impliqué
WRInaute impliqué
 
Messages: 314
Inscription: Jeu Mai 25, 2006 10:37

Message le Ven Juil 11, 2008 15:46

j'ai essayé avec scriptacoulus ... mais en vain !
ou il ne le fait pas ou, plutôt ce doit être moi qui ne place pas correctement le code dans la page ... car je n'y comprends pas grand chose !
@+
b g


bg62
WRInaute impliqué
WRInaute impliqué
 
Messages: 314
Inscription: Jeu Mai 25, 2006 10:37

Message le Ven Juil 11, 2008 15:48

blman a écrit:L'idée serait de mettre une balise <div> contenant tout ton contenu, qui fait 100% de l'écran en hauteur :
- à l'ouverture, elle fait 0% de large et tu la redimensionne toute les x millisecondes jusqu'à 100% grâce à un événement onload();
- à la fermeture, tu fait l'inverse; de 100% à 0% toutes les x millisecondes.

.... ???? et cela donnerai quoi comme 'codage' concrètement dans la page ?
@+
b g

nendo
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 119
Inscription: Sam Juil 03, 2004 20:05

Message le Ven Juil 11, 2008 16:22

Bonjour bg62

Tu trouveras sur ce site -http://www.csvt.qc.ca/patriotes/html/page_11a.htm dans la rubrique 3 - Les balises de META HTTP-EQUIV pour IE seulement ce que tu cherche. Le code a mettre et les 23 transitions différentes.

Comme il est dit ça ne fonctionne que sous IE car je crois que sous Firefox ces effets ne fonctionne pas (Enfin je crois :? a tester)

Bonne soirée :wink:


HawkEye
Modérateur
Modérateur
 
Messages: 15029
Inscription: Lun Fév 23, 2004 12:33

Message le Ven Juil 11, 2008 22:40

bg62 a écrit:
e-kiwi a écrit:>> pour l'instant rien à voir avec le référencement ....

si je pose cette question, ce n'est pas pour rien. tout dépend si un jour ce site doit être super bien référencé ou si tu peux mettre ces effets de transition crades sans problème.

ben crade ou pas ... faut voir si tu as des solutions, mais qui fonctionnent sur les différents navigateurs ...
@+
b g


En fait ce qu'e-kiwi essaye de te dire de façon détournée, c'est qu'en imposant ces effets à tes visiteurs, tu risques de les perdre: pas pour des raisons techniques, mais pour des raisons humaines. Le visiteur n'apprécie pas forcément qu'on lui "dicte" la façon dont le navigateur doit se comporter.

Ca rejoint le cas de l'ouverture d'un lien dans une nouvelle fenêtre.


bg62
WRInaute impliqué
WRInaute impliqué
 
Messages: 314
Inscription: Jeu Mai 25, 2006 10:37

Message le Sam Juil 12, 2008 8:09

En fait ce qu'e-kiwi essaye de te dire de façon détournée, c'est qu'en imposant ces effets à tes visiteurs, tu risques de les perdre: pas pour des raisons techniques, mais pour des raisons humaines. Le visiteur n'apprécie pas forcément qu'on lui "dicte" la façon dont le navigateur doit se comporter.
Ca rejoint le cas de l'ouverture d'un lien dans une nouvelle fenêtre.

merci et tout à fait d'accord avec toi !
mais comme ce n'est pas spécialement pour moi, je cherche quand même à créer ce genre d'effets (compatibles 'tous' navigateurs) et ça n'a pas l'air du tout facile à trouver !!!
@+
b g

nendo
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 119
Inscription: Sam Juil 03, 2004 20:05

Message le Sam Juil 12, 2008 13:38

Bonjour

Désolé d'insister mais a tu vu mon message bg62 (Voir copie ci-dessous).
Ce n'est pas ça que tu recherche ?

nendo a écrit:Bonjour bg62

Tu trouveras sur ce site -http://www.csvt.qc.ca/patriotes/html/page_11a.htm dans la rubrique 3 - Les balises de META HTTP-EQUIV pour IE seulement ce que tu cherche. Le code a mettre et les 23 transitions différentes.

Comme il est dit ça ne fonctionne que sous IE car je crois que sous Firefox ces effets ne fonctionne pas (Enfin je crois :? a tester)

Bonne soirée :wink:


PS : Pour la compatibilité tout navigateur, je crois que cela ne soit pas possible car les 23 effets n'ont été fait que pour Internet Explorer. Et je n'ais jamais vu depuis que je navigue avec Firefox ce genre d'effets (Mais je peux me tromper :? ).

Bonne aprés-midi ;-)

out et in : les effets ?

Formation recommandée sur ce thème :

Formation Référencement naturel Google : apprenez une méthode efficace pour optimiser à fond le référencement naturel dans Google de façon durable... Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités