Forum ZitePLUS

La communauté des utilisateurs du CMS ZitePLUS

Vous n'êtes pas identifié(e).

#1 19/07/2012 08:30:38

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/

Hors ligne

#2 20/07/2012 00:30:17

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/

Hors ligne

Pied de page des forums