nouveau backround a chaque page transition fondu

nouveau backround a chaque page transition fondu - HTML/CSS - Programmation

Marsh Posté le 07-03-2010 à 20:48:46    

Bonjour a tous,
 
je me permet de poster ici car depuis ce matin je cherche mais je ne trouve rien.
 
voila, j ai pris une serie de photo avec un trepied sans bouger, juste en deplacant l eclairage.
j ai donc une serie de photo de la meme scene mais avec des mise en valeur differente grace a l eclairage.
 
j aimerais me servir de ces photos pour faire un arriere plan qui changerait a chaque page de mon site.
avec un fondu en guise de transition.
 
je n ai vu ca nul part encore, j ai l impression d etre en train d inventer un nouveau concept...
 
deja, est ce realisable?
si oui, je n ai pas encore trouve comment....
 
Donc merci d avance pour votre aide.
 
a+
 

Reply

Marsh Posté le 07-03-2010 à 20:48:46   

Reply

Marsh Posté le 08-03-2010 à 13:26:03    

xcyril a écrit :

j ai l impression d etre en train d inventer un nouveau concept...

:sarcastic:  
 
 
en javascript ou flash c'est gérable. en pur html je dirais non.

Reply

Marsh Posté le 08-03-2010 à 14:26:09    

Oui mais comment...?
la est la question!

Reply

Marsh Posté le 08-03-2010 à 15:51:19    

il faut bien comprendre que à chaque fois que tu changes de page (que tu cliques sur un lien), la page courante est remplacée par la nouvelle. Donc forcément pour les transitions c'est pas génial (IE propose ou proposait des effets de transitions, mais bon IE quoi :D)
 
Donc comme dit en HTML pur ca semble assez compromis, par contre tu peux utiliser du JavaScript pour arriver à tes fins. En utilisant le framework jQuery ca devrait même pas trop poser de soucis
En gros, il faudrait mettre un background non pas sur toute la page (body) mais sur un div.
Le contenu de ce div serait chargé via ajax.
Chaque lien dans ce div serait "traités" de telle sorte que ca déclencherait le chargement (tjrs via ajax) du contenu suivant et de l'image suivante.
Une fois cette dernière chargée, tu fais ton effet de transition et tu remplaces le contenu par le nouveau.
Et tu reboucles.
 
Capillo-tracté, mais pas impossible :)


---------------
We deserve everything that's coming...
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed