Discussion :

[kayserboy]

Bonjour à tous

j'ai besoin d'un petit coup de main SVP
voila je souhaite integrer dans mon site le systeme page peel de la pag
e d'angle qui se corne au passage de la souris

je dois modifier ces fichiers soulignés
mais que dois je inscrire a la place?
est ce que je dois inscrire l'url d'une image que je devrait hebergé au format swf puis au format jpg?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
jaaspeel.small_path = '/peel/small.swf';
jaaspeel.small_image = escape('/peel/small.jpg');
jaaspeel.small_width = '100';
jaaspeel.small_height = '100';
jaaspeel.small_params = 'ico=' + jaaspeel.small_image;
jaaspeel.big_path = '/peel/large.swf';
jaaspeel.big_image = escape('/peel/large.jpg');

puis je dois inscrire dans mon site cette balise
<script src="http://ddata.over-blog.com/xxxyyy/0/...7/peel/peel.js" type="text/javascript">
je dois modifier ce qui est souligné mais que dois-je faire du scrip dois-je l'heberger aussi?


j'ai lu des tutos mais j'avoue qui j'ai du mal a suivre la procedure
adresse d'exemple:
http://annak.over-blog.com/article-17252082.html


merci a vous de m'eclairer avec un exemple plus pedagogue


voici le scrip:
Action Script

voir codecopier dans le presse papierimprimer?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
var jaaspeel = new Object(); 
 
jaaspeel.ad_url = escape('http://jeffonair.com'); 
 
jaaspeel.small_path = '/peel/small.swf'; 
jaaspeel.small_image = escape('/peel/small.jpg'); 
jaaspeel.small_width = '100'; 
jaaspeel.small_height = '100'; 
jaaspeel.small_params = 'ico=' + jaaspeel.small_image; 
 
jaaspeel.big_path = '/peel/large.swf'; 
jaaspeel.big_image = escape('/peel/large.jpg'); 
jaaspeel.big_width = '650'; 
jaaspeel.big_height = '650'; 
jaaspeel.big_params = 'big=' + jaaspeel.big_image + '&ad_url=' + jaaspeel.ad_url; 
 
function sizeup987(){ 
   document.getElementById('jcornerBig').style.top = '0px'; 
    document.getElementById('jcornerSmall').style.top = '-1000px'; 
} 
 
function sizedown987(){ 
  document.getElementById("jcornerSmall").style.top = "0px"; 
  document.getElementById("jcornerBig").style.top = "-1000px"; 
} 
 
jaaspeel.putObjects = function () { 
// <jcornerSmall> 
document.write('<div id="jcornerSmall" style="position:absolute;width:'+ jaaspeel.small_width +'px;height:'+ jaaspeel.small_height +'px;z-index:9999;right:0px;top:0px;">'); 
// object 
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"'); 
document.write(' codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"'); 
document.write(' id="jcornerSmallObject" width="'+jaaspeel.small_width+'" height="'+jaaspeel.small_height+'">'); 
// object params 
document.write(' <param name="allowScriptAccess" value="always"/> '); 
document.write(' <param name="movie" value="'+ jaaspeel.small_path +'?'+ jaaspeel.small_params +'"/>'); 
document.write(' <param name="wmode" value="transparent" />'); 
document.write(' <param name="quality" value="high" /> '); 
document.write(' <param name="FlashVars" value="'+jaaspeel.small_params+'"/>'); 
// embed 
document.write('<embed src="'+ jaaspeel.small_path + '?' + jaaspeel.small_params +'" name="jcornerSmallObject" wmode="transparent" quality="high" width="'+ jaaspeel.small_width +'" height="'+ jaaspeel.small_height +'" flashvars="'+ jaaspeel.small_params +'" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>'); 
document.write('</object></div>'); 
document.write('</script>'); 
// </jcornerSmall> 
// <jcornerBig> 
document.write('<div id="jcornerBig" style="position:absolute;width:'+ jaaspeel.big_width +'px;height:'+ jaaspeel.big_height +'px;z-index:9999;right:0px;top:0px;">'); 
// object 
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"'); 
document.write(' codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"'); 
document.write(' id="jcornerBigObject" width="'+ jaaspeel.big_width +'" height="'+ jaaspeel.big_height +'">'); 
// object params 
document.write(' <param name="allowScriptAccess" value="always"/> '); 
document.write(' <param name="movie" value="'+ jaaspeel.big_path +'?'+ jaaspeel.big_params +'"/>'); 
document.write(' <param name="wmode" value="transparent"/>'); 
document.write(' <param name="quality" value="high" /> '); 
document.write(' <param name="FlashVars" value="'+ jaaspeel.big_params +'"/>'); 
// embed 
document.write('<embed src="'+ jaaspeel.big_path + '?' + jaaspeel.big_params +'" id="jcornerBigEmbed" name="jcornerBigObject" wmode="transparent" quality="high" width="'+ jaaspeel.big_width +'" height="'+ jaaspeel.big_height +'" flashvars="'+ jaaspeel.big_params +'" swliveconnect="true" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>'); 
document.write('</object></div>'); 
// </jcornerBig> 
setTimeout('document.getElementById("jcornerBig").style.top = "-1000px";',1000); 
} 
 
var jaaspeel = new Object();jaaspeel.ad_url = escape('http://jeffonair.com');jaaspeel.small_path = '/peel/small.swf';jaaspeel.small_image = escape('/peel/small.jpg');jaaspeel.small_width = '100';jaaspeel.small_height = '100';jaaspeel.small_params = 'ico=' + jaaspeel.small_image;jaaspeel.big_path = '/peel/large.swf';jaaspeel.big_image = escape('/peel/large.jpg');jaaspeel.big_width = '650';jaaspeel.big_height = '650';jaaspeel.big_params = 'big=' + jaaspeel.big_image + '&ad_url=' + jaaspeel.ad_url;function sizeup987(){	document.getElementById('jcornerBig').style.top = '0px';	document.getElementById('jcornerSmall').style.top = '-1000px';}function sizedown987(){	document.getElementById("jcornerSmall").style.top = "0px";	document.getElementById("jcornerBig").style.top = "-1000px";}jaaspeel.putObjects = function () {// <jcornerSmall>document.write('<div id="jcornerSmall" style="position:absolute;width:'+ jaaspeel.small_width +'px;height:'+ jaaspeel.small_height +'px;z-index:9999;right:0px;top:0px;">');// objectdocument.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"');document.write(' codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"');document.write(' id="jcornerSmallObject" width="'+jaaspeel.small_width+'" height="'+jaaspeel.small_height+'">');// object paramsdocument.write(' <param name="allowScriptAccess" value="always"/> ');document.write(' <param name="movie" value="'+ jaaspeel.small_path +'?'+ jaaspeel.small_params +'"/>');document.write(' <param name="wmode" value="transparent" />');document.write(' <param name="quality" value="high" /> ');document.write(' <param name="FlashVars" value="'+jaaspeel.small_params+'"/>');// embeddocument.write('<embed src="'+ jaaspeel.small_path + '?' + jaaspeel.small_params +'" name="jcornerSmallObject" wmode="transparent" quality="high" width="'+ jaaspeel.small_width +'" height="'+ jaaspeel.small_height +'" flashvars="'+ jaaspeel.small_params +'" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>');document.write('</object></div>');document.write('</script>');// </jcornerSmall>// <jcornerBig>document.write('<div id="jcornerBig" style="position:absolute;width:'+ jaaspeel.big_width +'px;height:'+ jaaspeel.big_height +'px;z-index:9999;right:0px;top:0px;">');// objectdocument.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"');document.write(' codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"');document.write(' id="jcornerBigObject" width="'+ jaaspeel.big_width +'" height="'+ jaaspeel.big_height +'">');// object paramsdocument.write(' <param name="allowScriptAccess" value="always"/> ');document.write(' <param name="movie" value="'+ jaaspeel.big_path +'?'+ jaaspeel.big_params +'"/>');document.write(' <param name="wmode" value="transparent"/>');document.write(' <param name="quality" value="high" /> ');document.write(' <param name="FlashVars" value="'+ jaaspeel.big_params +'"/>');// embeddocument.write('<embed src="'+ jaaspeel.big_path + '?' + jaaspeel.big_params +'" id="jcornerBigEmbed" name="jcornerBigObject" wmode="transparent" quality="high" width="'+ jaaspeel.big_width +'" height="'+ jaaspeel.big_height +'" flashvars="'+ jaaspeel.big_params +'" swliveconnect="true" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>');document.write('</object></div>');// </jcornerBig>setTimeout('document.getElementById("jcornerBig").style.top = "-1000px";',1000);}jaaspeel.putObjects();

[SpaceFrog]

heu sans doute beaucoup plus simple à mettre en oeuvre:
http://www.jquery-france.com/leffet-...y-jquery-flip/

[kayserboy]

Merci pour la réponse mais je ne souhaite pas faire un aspect de catalogue mais juste mettre un pub lien dans l'angle de mon site

[SpaceFrog]

http://www.smple.com/pagePeel/

[kayserboy]

Encore merci,mais le rendu esthetique n'est pas trés beau,

je préfere cette methode:
http://annak.over-blog.com/article-17252082.html

je voudrais comprendre ce tuto!

merci