Forum ZitePLUS

snypi

Moderateurs

Inscription : 11/03/2008

Messages : 1 235

Site Web

vidéo en pop up

salutation à tous
voila je refait le site de mes potos foret sensations et il souhaite lorsque l'on arrive sur une page donné avoir une vidéo en premier plan (type shadowbox que l'on peut fermer)
mais alors j'ai aucune piste pour pouvoir faire cette éffet
connaissez vous une solution à mon souci ??
cordialement

---

un zite+ associatif http://asso.gard.a.toi.free.fr
création de site internet dans le Gard et Ardèche http://www.creation-site-internet-gard.com/

snypi

Moderateurs

Inscription : 11/03/2008

Messages : 1 235

Site Web

Re : vidéo en pop up

edit= solution trouver
une popup in qui s'affiche au chargement de la page

[== css ==]
.voile-noir { /*--Masque opaque noir de fond--*/
	display: block; /*--masqué par défaut--*/
	background-image: url(deco/page-bg.png);
	position: absolute; left: 0; top: 0;
	width: 100%; height: 100%;
	z-index: 500;
}
.popup_block{
	display: block; /*--masqué par défaut--*/
	background: #4f4f4f;
	padding: 20px;
	border: 10px solid #373636;
	width: 760px;
	float: left;
	font-size: 1.2em;
	position: relative;
	top: 118px; left: 25%;
	z-index: 510;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #ccc;
	box-shadow: 0px 0px 20px #000;
	/*--Coins arrondis en CSS3--*/
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}
/*--Gérer la position fixed pour IE6--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}

dans une page php (on peut virer le php et laisser juste le javascript mais je préfère comme ceci)

[== PHP ==]
<div id="popup_name" class="popup_block"><a href="#" class="close"><img title="close_pop" src="view.php/close_pop.png" class="btn_close" alt="close_pop" width="50" height="50" /></a>
  <object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/b0fo-Uqx2xk?version=3&amp;hl=fr_FR&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/b0fo-Uqx2xk?version=3&amp;hl=fr_FR&amp;rel=0" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object><div style="float:right"><h1>Nouvelle page</h1>
  <p>Le contenu de cette page reste a saisir...</p>
  <p><a href="contact-foret-sensations.html"><u>Renseignements et r&eacute;servations.</u></a>  <br /></p></div>
<?php $this->content['js'] .= "
<script type='text/javascript'>

$(document).ready(function() {
  //Fermeture de la pop-up et du fond
$('.close').live('click', function() { //Au clic sur le bouton ou sur le calque...
  $('.voile-noir ').fadeOut(function() {
    $('.voile-noir,.popup_block').remove();  //...ils disparaissent ensemble
  });
  return false;
});
});
</script>" ; ?>
</div> </div>

---

un zite+ associatif http://asso.gard.a.toi.free.fr
création de site internet dans le Gard et Ardèche http://www.creation-site-internet-gard.com/