Easy-Micro

ESPACEMEMBRE ActionScript
Expand Banner

Expand Banner - Bannière extensible et ActionScript

AS Expand Banner - Bannière extensible

Bannière dont le format s'agrandit lorsque l'internaute pointe sa souris dessus.

Le format de pub "expand" est généralement de cinq fois la largeur ou la hauteur de l'image initiale:
- 468x60 pixels -> 468x300
- 120x600 pixels -> 600x600

AS Réalisation d'une Expand Banner

La réalisation de pub flash de type EXPAND nécessite l'utilisation de 2 fichier swf.

◊ Le premier est une pub de, par exemple, 120 X 600 pixels qui - au survol de la souris - fait apparaitre la deuxième pub (le deuxième fichier swf) par dessus le site web.
◊ Le deuxième fichier (qui comporte un lien hypertexte vers le site client) à une taille de 600 X 600 pixels.

l'utilisation d'un skyscraper(gratte ciel) dans cet exemple d'Expand est souvent dénommé Skyscraper Rich media.
br /> C'est notamment avec le langage Javascript que l'on gère la souris et le passage d'un fichier SWF à un autre.

Voir l'exemple ci-dessous sur le site Studyrama ainssi qu'un autre exemple

Voici le code
<script type="text/JavaScript">
function expand_swf(file_name,witdth_file,height_file) {
var textecode="<object style='position:relative; left:-230px;'
classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000
codebase=
'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0'
width='"+witdth_file+"'
height='"+height_file+"'>      
<param name='movie' value='"+file_name+"' />			
<param name='wmode' value='transparent' />      
<param name='quality' value='high' />      
<embed src='"+file_name+"' quality='high' wmode='transparent'
pluginspage='http://www.macromedia.com/go/getflashplayer'
type='application/x-shockwave-flash'
width='"+witdth_file+"' height='"+height_file+"'></embed>    
</object>";
document.getElementById("expanded").innerHTML = textecode;
}


function retour_skyscraper(file_name,witdth_file,height_file) {
var textecode1="<div> <object 
classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'
codebase=
'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0'
width='"+witdth_file+"'
height='"+height_file+"'>      
<param name='movie' value='"+file_name+"' />			
<param name='wmode' value='transparent' />      
<param name='quality' value='high' />      
<embed src='"+file_name+"' quality='high' wmode='transparent'
pluginspage='http://www.macromedia.com/go/getflashplayer' 
type='application/x-shockwave-flash'
width='"+witdth_file+"' height='"+height_file+"'></embed>    
</object>	
</div>";
document.getElementById("expanded").innerHTML = textecode1;
}
</script>

<div id="expanded" style=" position:absolute; "></div>
<script>
retour_skyscraper('rich_media/expand_120x600.swf','120','600');
</script>

Les deux parties en gras rouge font ressortir les deux codes HTML qui appels les deux fichiers SWF.
C'est avec le Window Mode que l'on peut rendre un fichier Flash transparent:
<param name="wmode" value="opaque" />

Voir cet exemple en condition réél chez Studirama

Voir le site www.cupcake.fr


< Page précédente ACTIONSCRIPT