Actu en coin de page + flash

15 sept. 2009, 22:16

Bonjour,
Je voudrai mettre dans le coin haut droit de la page de mon site un aperçu de la dernière actualité du site.
J’avais déjà vue ca sur je sais plus quel site et il me semble que c'était du flash mais comme je ne connais pas le nom je viens vous demander conseil.
Donc en faite dans le coin de page on a comme corne (un pliage papier) qui laisse entrevoir un texte ou une image ou autre et si je clique sur cette corne, j'ai un effet qui donne l'impression que la page s’ouvre un peu plus pour laisser entrevoir le reste de l'actualité.

Savez vous comment je peu faire ca ?

15 sept. 2009, 23:14

Il me semble qu'il faut que dans flash, tu recupere les données de tonfichier PHP grace à actionscript pour les utiliser dans ton anim flash
http://www.actionscript.org/forums/show ... p3?t=54559

16 sept. 2009, 18:13

Tu pourrais aussi, si tu n'a pas besoin d'un aspect visuel très particulier, utiliser javascript pour faire dérouler un div. En survolant ou en cliquant sur l'endroit ou la zone voulue, le div s'agrandirait progressivement pour dévoiler plus de contenu.
L'avantage c'est que ce serait beaucoup plus simple à mettre en place.

17 sept. 2009, 00:05

Tu pourrais aussi, si tu n'a pas besoin d'un aspect visuel très particulier, utiliser javascript pour faire dérouler un div. En survolant ou en cliquant sur l'endroit ou la zone voulue, le div s'agrandirait progressivement pour dévoiler plus de contenu.
L'avantage c'est que ce serait beaucoup plus simple à mettre en place.

D'ailleurs petit tuto ici avec jquery et CSS pour illustrer la suggestion d'AB
http://www.sohtanaka.com/web-design/sim ... query-css/

17 sept. 2009, 11:47

oui bien l'exemple avec JQuery c'est exactement ca que je veu mettre en place.
par contre je ne sais pas ou rentrer le code jquery. (je travail en php et html)
dois-je créé un nouvelle page avec un extension particuliere pour jquery ?

17 sept. 2009, 12:10

oui bien l'exemple avec JQuery c'est exactement ca que je veu mettre en place.
par contre je ne sais pas ou rentrer le code jquery. (je travail en php et html)
dois-je créé un nouvelle page avec un extension particuliere pour jquery ?

Tu as tout ce qu'il faut pour le mettre en place sur le lien, ok c'est en anglais ...

JQuery est une bibliotheque javascript donc il faut que tu l'indique dans la balise HEAD
Un clic de droit et affichage de la source de la page de demo t'en dira d'avantage !
http://www.sohtanaka.com/web-design/exa ... ng-effect/

Code : Tout sélectionner

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Simple Page Peel Effect with jQuery & CSS</title>
<link rel="stylesheet" type="text/css" href="http://www.pixeldesignstudios.com/styles.css" />
 
 
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){
 
//Page Flip on hover
 
	$("#pageflip").hover(function() {
		$("#pageflip img , .msg_block").stop()
			.animate({
				width: '307px', 
				height: '319px'
			}, 500); 
		} , function() {
		$("#pageflip img").stop() 
			.animate({
				width: '50px', 
				height: '52px'
			}, 220);
		$(".msg_block").stop() 
			.animate({
				width: '50px', 
				height: '50px'
			}, 200);
	});
 
	
});
</script> 
<style type="text/css"> 
img { behavior: url(iepngfix.htc) }
#pageflip {
	position: relative;
	right: 0; top: 0;
	float: right; 
}
#pageflip img {
	width: 50px; height: 52px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 50px; height: 50px;
	overflow: hidden;
	position: absolute;
	right: 0; top: 0;
	background: url(subscribe.png) no-repeat right top;
}
</style>
</head>

Actu en coin de page + flash

Qui est en ligne