Suivez les fils RSS
 

Des livres incontournables pour tout maîtriser

  • CSS avancées - vers HTML5 et CSS3
  • HTML5
  • CSS2
  • PHP5 avanc�
  • Memento MySQL
  • Memento CSS 3
  • Memento XHTML
  • WordPress 3 100% pratique
  • jQuery et jQuery UI
Auteur
tiphainedu27
#
Citer
17 Posts
Bonjour,

voila j'ai un code qui fait defiler des images en fond ecran mais voila l'image ne prend que tous l'écran seulement sous chrome comment faire pour que se soit le cas aussi sous opera, firefox et IE ou pour le moment l'image est centrer


<head>
<!--Fond écran aléatoire-->
<style type="text/css">
body
{

  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
}
</style>
<script language="javascript" type="text/javascript">
var compteur=0
tbimage=new Array('fond2.jpg','fond1.jpg','fond3.jpg')

function pouic()
{

	if(compteur==tbimage.length)
	{
	compteur=0
	}
	document.body.style.cssText='background:url('+tbimage compteur +')no-repeat center fixed;'
	compteur++
	setTimeout(pouic,4000)
}

</script>
</head>

<body onload='pouic()'>

biggthumpup biggthumpup biggthumpup
Modifié par tiphainedu27 (08 Feb 2012 - 15:48)

^
tiphainedu27
#
Citer
17 Posts
j'ai resolu le probléme en mettant

document.body.style.cssText='background:url('+tbimage compteur +')no-repeat center fixed;-webkit-background-size: cover; /* pour Chrome et Safari */-moz-background-size: cover; /* pour Firefox */-o-background-size: cover; /* pour Opera */background-size: cover; /* version standardisée */'


^
tiphainedu27
#
Citer
17 Posts
Maintenant je voudrais mettre un effet de fondu auriez vous des idées ??
merci de votre aide

^
exotikcars
#
Citer
Think big! so big.
6 Posts
Possible avec jQuery : http://stackoverflow.com/questions/977090/jquery-fade-in-background-image

Aussi, Fullscreen Image Blur Effect with HTML5 :
http://tympanus.net/codrops/2011/11/18/fullscreen-image-blur-effect-with-html5/
essai avec l'exemple N° 3 (Autoplay de 5 secondes)
Modifié par exotikcars (09 Feb 2012 - 02:25)

Nous ne pouvons pas prédire où nous conduira la Révolution Informatique. Tout ce que nous savons avec certitude, c’est que, quand on y sera enfin, on n’aura pas assez de RAM. //
location voiture agadir

http://exotikcar.com 
^
tiphainedu27
#
Citer
17 Posts
bonjour,

merci de votre aide mais j'ai un petit soucis je veut faire sa sur un site qui a des infobulles est c'est code me mettent les infobulles en l'air. auriez vous d'autres solutions?

^
tiphainedu27
#
Citer
17 Posts
J'ai trouvée un plugin jquery ici et cela fonctionne très bien

^