v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
<!– /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-parent:”"; margin:0cm; margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:12.0pt; font-family:”Times New Roman”; mso-fareast-font-family:”Times New Roman”;} h1 {mso-margin-top-alt:auto; margin-right:0cm; mso-margin-bottom-alt:auto; margin-left:0cm; mso-pagination:widow-orphan; mso-outline-level:1; font-size:24.0pt; font-family:”Times New Roman”;} p.MsoHeader, li.MsoHeader, div.MsoHeader {margin:0cm; margin-bottom:.0001pt; mso-pagination:widow-orphan; tab-stops:center 8.0cm right 16.0cm; font-size:12.0pt; font-family:”Times New Roman”; mso-fareast-font-family:”Times New Roman”;} a:link, span.MsoHyperlink {color:blue; text-decoration:underline; text-underline:single;} a:visited, span.MsoHyperlinkFollowed {color:purple; text-decoration:underline; text-underline:single;} tt {font-family:”Courier New”; mso-ascii-font-family:”Courier New”; mso-fareast-font-family:”Times New Roman”; mso-hansi-font-family:”Courier New”; mso-bidi-font-family:”Courier New”;} @page Section1 {size:595.3pt 841.9pt; margin:19.85pt 19.85pt 19.85pt 19.85pt; mso-header-margin:35.45pt; mso-footer-margin:35.45pt; mso-paper-source:0;} div.Section1 {page:Section1;} –>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:”Tableau Normal”;
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-parent:”";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:”Times New Roman”;
mso-ansi-language:#0400;
mso-fareast-language:#0400;
mso-bidi-language:#0400;}
Changer l’opacité d’une image au passage de la souris
En utilisant le filtre alpha d’internet explorer, ce script vous permet de modifier l’opacité d’une image au passage de la souris.
Le code :
Entre <HEAD> et </HEAD>
<script language=”JavaScript”>
/*
NE COPIER CE CODE QU’UNE SEULE FOIS DANS VOTRE PAGE
*/
function makevisible(cur,which)
{
if(document.getElementById)
{
if (which==0)
{
if(document.all)
cur.filters.alpha.opacity=100
else
cur.style.setProperty(“-moz-opacity”, 1, “”);
}
else
{
if(document.all)
cur.filters.alpha.opacity=40
else
cur.style.setProperty(“-moz-opacity”, .4, “”);
}
}
}
</script>Bas du formulaire
Entre <BODY> et </BODY>
<!– REPETEZ CET EXEMPLE SUR TOUTES VOS IMAGES –>
<A HREF=http://www.editeurjavascript.com><IMG SRC=”http://www.editeurjavascript.com/images/logo.gif” BORDER=0 WIDTH=109 HEIGHT=63 style=”filter:alpha(opacity=40); -moz-opacity: .4;” onMouseover=”makevisible(this,0)” onMouseout=”makevisible(this,1)”></a>
Faire un rollover
Une images change au passage de la souri
Le code :
Entre <HEAD> et </HEAD> :
<SCRIPT LANGUAGE=”JavaScript”>
/*
on precharge l’image de substitution
*/
i1 = new Image;
i1.src = “http://www.editeurjavascript.com/scripts/img/image2.gif”;
</SCRIPT>
Entre <BODY> et </BODY> :
<A HREF=”http://www.editeurjavascript.com” onMouseOver=”nomimage1.src=i1.src” onMouseOut=”nomimage1.src=’http://www.editeurjavascript.com/scripts/img/image1.gif’”><IMG SRC=”http://www.editeurjavascript.com/scripts/img/image1.gif” BORDER=0 WIDTH=88 HEIGHT=31 HSPACE=0 VSPACE=0 NAME=”nomimage1″></A>
Un rollover sur une autre image -
En passant la souris sur un lien, une autre image de la page change.
Le code
entre <HEAD> et </HEAD> :
<SCRIPT LANGUAGE=”JavaScript”>
/*
on precharge les images de substitution
*/
i1 = new Image;
i1.src = “http://www.editeurjavascript.com/img/image2.gif”;
i2 = new Image;
i2.src = “http://www.editeurjavascript.com/img/image3.gif”;
</SCRIPT>
Entre <BODY> et </BODY>
<A HREF=”tips_img_03.php” onMouseOver=”nomimage1.src=i1.src” onMouseOut=”nomimage1.src=’http://www.editeurjavascript.com/scripts/img/image1.gif’”>Passez votre souris ici !</A><BR>
<A HREF=”http://www.editeurjavascript.com” onMouseOver=”nomimage1.src=i2.src” onMouseOut=”nomimage1.src=’http://www.editeurjavascript.com/scripts/img/image1.gif’”>Ou encore là !</A>
<!– Vous pouvez mettre une image a la place du texte 
–>
<BR><BR>
<IMG SRC=”http://www.editeurjavascript.com/scripts/img/image1.gif” BORDER=0 WIDTH=88 HEIGHT=31 HSPACE=0 VSPACE=0 NAME=”nomimage1″>
Diaporama –
Ce script scanne, grace au PHP, le contenu d’un repertoire, puis execute un diaporama en javascript.
Ce script necessite un hebergement PHP
|
Le code
Entre <BODY> et </BODY>
<DIV ID=ejs_photo_box></div>
<script type=”text/javascript”>
ejs_photo = new Array;
<?
$a = 0;
$handle = opendir(“photos”);
while (($file = readdir())!=false) {
clearstatcache();
if($file!=”..” && $file!=”.”)
{
echo “ejs_photo[$a] = ‘photos/$file’;
“;
$a++;
}
}
closedir($handle);
?>
function ejs_aff_photos(num)
{
if(document.getElementById)
{
ejs_fin = “”;
if(num!=0)
ejs_fin += “<A HREF=# onClick=’ejs_aff_photos(“+(num-1)+”);return(false)’>< Précédent</A> “;
if(num!=(ejs_photo.length-1))
ejs_fin += “<A HREF=# onClick=’ejs_aff_photos(“+(num+1)+”);return(false)’>Suivant ></A>”;
document.getElementById(“ejs_photo_box”).innerHTML = “<CENTER><IMG SRC=’”+ejs_photo[num]+”‘ BORDER=0><BR>”+ejs_fin+”</CENTER>”;
}
}
window.onload = new Function(“ejs_aff_photos(0)”)
</script>
Bonjour,Jais des photos un peu grande j’aimerais savoir comment réduire la taille de la boite du diaporama de la meilleur façon Merci!
De nonoflingeur – le 23-06-2008
Re bonjour le script:
ejs_photo = new Array;
<?
$a = 0;
$handle = opendir(“photos”);
while (($file = readdir())!=false) {
clearstatcache();
if($file!=”..” && $file!=”.”)
{
echo “ejs_photo[$a] = ‘photos/$file’;
“;
$a++;
}
}
closedir($handle);
?>
Ne marche pas je suis obliger de le remplacer par celui la ejs_photo = new Array;
ejs_photo[0] = ‘photos/1.jpg’;
ejs_photo[1] = ‘photos/2.jpg’;
ejs_photo[2] = ‘photos/3.jpg’;
ejs_photo[4] = ‘photos/4.jpg’; De nonoflingeur – le 23-06-2008
Re bonjour le script:
ejs_photo = new Array;
<?
$a = 0;
$handle = opendir(“photos”);
while (($file = readdir())!=false) {
clearstatcache();
if($file!=”..” && $file!=”.”)
{
echo “ejs_photo[$a] = ‘photos/$file’;
“;
$a++;
}
}
closedir($handle);
?>
Ne marche pas je suis obliger de le remplacer par celui la ejs_photo = new Array;
ejs_photo[0] = ‘photos/1.jpg’;
ejs_photo[1] = ‘photos/2.jpg’;
ejs_photo[2] = ‘photos/3.jpg’;
ejs_photo[4] = ‘photos/4.jpg’;
Pourquoi? sa marche pas je suis sous wampserveur
Affichage des liens/logos de vos partenaires dans un tebleau bien rangé – par guinaume
- Affiche tous les liens de vos parteniares avec leur logo. – Si le fichier du logo est indisponible ou faux affichage d’un lien avec le titre du site du partenaire.
Le code :
Entre <HEAD> et </HEAD>
<script type=’text/javascript’>
// il y a surement des amélioration à ajouter au code
// merci de m’en faire part = guillaume@bullesgays.net
function liste_parts() {
var parts = new Array();
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m39.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_39.php’, ‘AB Croisière.com’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m11.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_11.php’, ‘Accor hotels’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m4.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_4.php’, ‘Active Hotels’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m73.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_73.php’, ‘Ailleurs.com’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m7.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_7.php’, ‘Anyway’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m48.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_48.php’, ‘Auchan Voyages’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m77.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_77.php’, ‘Authentique Tunisie (ex Otentic)’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m23.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_23.php’, ‘Avis’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m3.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_3.php’, ‘Bookings’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m85.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_85.php’, ‘Budget’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m52.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_52.php’, ‘Carrefour Voyages’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m70.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_70.php’, ‘CenterParcs’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m41.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_41.php’, ‘Club Med’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m17.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_17.php’, ‘CroqueVacances’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m83.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_83.php’, ‘Directours’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m79.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_79.php’, ‘DisneyLand Paris’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m18.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_18.php’, ‘Ebookers’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m28.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_28.php’, ‘Etapes Nouvelles (chez Marmara.com)’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m26.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_26.php’, ‘Euro Relais’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m82.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_82.php’, ‘Europcar’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m9.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_9.php’, ‘Expedia.fr’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m88.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_88.php’, ‘Fnac Voyages’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m30.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_30.php’, ‘Ford Rent’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m51.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_51.php’, ‘FRAM’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m81.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_81.php’, ‘FranceLoc’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m25.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_25.php’, ‘Go Voyages’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m59.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_59.php’, ‘Héliades’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m8.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_8.php’, ‘Hertz’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m78.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_78.php’, ‘HolidayAutos’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m6.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_6.php’, ‘HotelClub’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m47.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_47.php’, ‘Hotels.com’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m72.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_72.php’, ‘Interhome’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m84.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_84.php’, ‘InterRent’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m62.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_62.php’, ‘Jet Tours’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m31.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_31.php’, ‘Karavel.com’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m34.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_34.php’, ‘Kuoni’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m22.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_22.php’, ‘Lastminute.com’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m44.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_44.php’, ‘Locasun’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m42.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_42.php’, ‘Look Voyages’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m75.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_75.php’, ‘Maeva’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m24.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_24.php’, ‘Marmara’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m57.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_57.php’, ‘Marsans’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m65.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_65.php’, ‘MonAgence.com’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m32.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_32.php’, ‘MonBudgetVoyages’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m54.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_54.php’, ‘Neckermann’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m15.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_15.php’, ‘Nouvelles Frontieres’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m49.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_49.php’, ‘Odysia’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m14.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_14.php’, ‘Opodo’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m55.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_55.php’, ‘OTU Voyages’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m36.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_36.php’, ‘Partirdiscount.com’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m86.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_86.php’, ‘PartirPasCher.fr’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m29.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_29.php’, ‘Pierre & Vacances’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m90.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_90.php’, ‘Planigo’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m71.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_71.php’, ‘PromoSejours’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m13.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_13.php’, ‘Promovacances’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m80.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_80.php’, ‘RatesToGo’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m76.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_76.php’, ‘Residences MGM’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m67.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_67.php’, ‘Scanditours’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m43.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_43.php’, ‘Selectour.com’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m40.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_40.php’, ‘Sénégal Discount’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m92.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_92.php’, ‘Siblu’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m74.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_74.php’, ‘Sixt’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m66.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_66.php’, ‘SkiHorizon’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m91.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_91.php’, ‘SkiPlanet’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m35.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_35.php’, ‘Sous le soleil’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m63.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_63.php’, ‘TerminalA’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m46.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_46.php’, ‘Thalasseo.com’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m60.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_60.php’, ‘Thalasso.com’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m61.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_61.php’, ‘Thalatel’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m50.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_50.php’, ‘Thomas Cook’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m19.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_19.php’, ‘ToutesLesLocations.com’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m38.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_38.php’, ‘Travel Horizon’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m53.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_53.php’, ‘TUI’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m64.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_64.php’, ‘UCPA’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m27.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_27.php’, ‘Ultra! Vacances’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m89.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_89.php’, ‘Un monde’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m5.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_5.php’, ‘Venere’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m16.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_16.php’, ‘Vivacances’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m87.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_87.php’, ‘Voyage privé’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m20.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_20.php’, ‘Voyages-SNCF.com’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m58.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_58.php’, ‘Voyageurs du Monde’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m37.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_37.php’, ‘VoyagezFacile.com’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m69.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_69.php’, ‘VVF Vacances’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m56.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_56.php’, ‘Weekendesk’));
parts.push(html_part(‘http://img.webmastravel.net/voyagistes/m21.jpg’, ‘http://www.vacanceo.com/voyagistes/go-vid_21.php’, ‘Yoopitravel’));
// Entrez ainsi de suite …
// parts.push(html_part(‘url de l’image’, ‘url du site’, ‘Titre du site’));
return parts;
}
function taille_image(URLImage) {
// Declaration d’un objet Image
var logo = new Image();
logo.src = URLImage;
return new Array(logo.width, logo.height);
}
function html_part(URLImage, URLSite, Titre) {
var size = taille_image(URLImage);
var part = new Array();
if (size[0]*size[1] == ‘0′) {
part['size'] = new Array( 150, 80); // Dimension pour l’affichage d’un titre
part['lien'] = “<a href=’” + URLSite + “‘ target=_blank class=index_part>” + Titre + “</a>”;
} else {
part['size'] = size;
part['lien'] = “<a href=’” + URLSite + “‘ target=_blank><img src=’” + URLImage + “‘ border=’0′ alt=”></a>”;
}
return part;
}
function min(array) {
var mini = 99999999999999;
for (i=0; i<array.length; i++) {
if (array[i] < mini) mini = array[i];
}
return mini;
}
function max(array) {
var mini = -99999999999999;
for (i=0; i<array.length; i++) {
if (array[i] > mini) mini = array[i];
}
return mini;
}
function tableau_parts(largeur, nbCol, hauteurLigne) {
var largeurCol = Math.ceil(largeur/nbCol) – 10 ;
document.writeln(“<table width=” + largeur + ” border=0 cellpadding=5 cellspacing=0>\n<tr>”);
for (i=0; i<nbCol; i++) {var numCol = i+1; document.writeln(“<td width=” + largeurCol + “></td>”);}
document.writeln(“</tr><tr>”);
var parts = liste_parts();
var iLigne = new Array(1);
for (i=1; i<=nbCol; i++) {iLigne.push(1);}
var c = 1;
var l = 1;
// Boucle générale d’affichage
while ( parts.length > 0 || min(iLigne) != max(iLigne) ) {
// Recherche la première cellule libre
while (c > nbCol || iLigne[c] > l) {
c++;
// ligne suivante
if (c > nbCol) {
document.writeln(“</tr> <tr>”);
c = 1;
l++;
}
}
iLigne[0] = max(iLigne);
// Compte la largeur disponible
var colDispo = 0;
while (((c+colDispo) <= nbCol) && (iLigne[c+colDispo] <= l)) {colDispo++;}
// Par défault la case est vide
var select = “v”;
// Parcours de tous les parts pour chercher le premier qui puisse être affiché
for (i=0; i < parts.length; i++) {
if (Math.ceil(parts[i]['size'][0]/largeurCol) <= colDispo) {
select = i;
break;
}
}
var colSpan;
var rowSpan;
var texte;
if ( select != “v” ) {
// Si un part à été sélectionné
colSpan = Math.ceil(parts[select]['size'][0]/largeurCol);
rowSpan = Math.ceil(parts[select]['size'][1]/hauteurLigne);
texte = parts[select]['lien'];
// On supprime le part affiché
parts.splice( select, 1);
} else {
// Si aucun part ne rentre ici = case vide
colSpan = colDispo;
rowSpan = 1;
texte = “”;
}
// Affiche de la cellule
document.writeln(“<td colSpan=” + colSpan + ” rowSpan=” + rowSpan + ” align=center valign=middle>” + texte + “</td>”);
// Ajout dans la table de suivi la place prise
for (i=0; i<iLigne.length; i++) {
if ( (i >= c) && (i < (c+colSpan) ) ) iLigne[i] = l + rowSpan;
}
}
document.writeln(“</tr> </table>”);
}
</script>
Entre <BODY> et </BODY> :
<script type=”text/javascript”>
// Largeur Total
// Nb de colonnes (< 15)
// hauteur des lignes (> 20)
tableau_parts(700, 15, 40);
</script>
lien avec click droit –
Cela permet d’ouvrir un lien en utilisant n’importe quel boutons de la souris.
Le code
Entre <BODY> et </BODY>
<a href=”#” mousebotton=”right” onmousedown=”window.open(‘http://www.elevezundragon.com/’)”>Cliquez ici</a>
Attention : La fenetre est bloquée par XP SP2.
compteur personnalisé à 5 chiffres –
Vous permet d’afficher un compteur personnalisé, en remplacant chaque chiffre par une image.
Le code :
Entre <HEAD> et </HEAD>
<script type=”text/javascript”>
/***script par Guillaume Chasleries ||| http://gc.world.free.fr ||| gc_web@hotmail.com ***/
//a est la valeur du compteur à afficher
//dans notre démonstration, nous allons augmenter la valeur de a toutes les secondes
//biensur, cette valeur peut-être celle d’un compteur de visite par exemple
a=0;
//rédigeons notre fonction
function compte(){
//on a d’abord décidé que notre compteur afficherait 5 chiffres
//on extrait l’unité des dixaines de millier
//la fonction parseInt() nous permet d’obtenir l’intégrale d’un nombre
//ex: l’intégral de 2,752 est 2
//on divise notre nombre par 10000 (ex: si a=25607, on obtient 2,5607, dont l’intégral est 2.
dmil=parseInt(a/10000);
//on utilise le même procédé pour les autres unités, on abaissant le nombre a d’un chiffre, et ainsi de suite…
mil=parseInt((a-(dmil*10000))/1000);
cent=parseInt((a-((dmil*10000)+(mil*1000)))/100);
dix=parseInt((a-((dmil*10000)+(mil*1000)+(cent*100)))/10);
unite=parseInt(a-((dmil*10000)+(mil*1000)+(cent*100)+(dix*10)));
//on affiche notre compteur dans l’élément ayant pour ID “monparagraphe”
//on a d’abord placé dans un dossier nos 10 images qui correspondent chacune à un nombre
//compris entre 0 et 9
document.getElementById(“monparagraphe”).innerHTML=’<img src=”/images/’+dmil+’.gif”><img src=”/images/’+mil+’.gif”><img src=”/images/’+cent+’.gif”><img src=”/images/’+dix+’.gif”><img src=”/images/’+unite+’.gif”>’;
a=a+1;
}
</script>
Entre <BODY> et </BODY>
<!– le compteur sera affiché dans le paragraphe suivant auquel
on attribut l’ID “monparagraphe” –>
<p id=”monparagraphe”></p>
<script type=”text/javascript”>
// on déclanche la fonction compte(), qui se répète chaque seconde…
go=setInterval(“compte()”,1000);
</script>
Vionneuse Javascript –
Defiler en boucle de images
Le code :
Entre <HEAD> et </HEAD> :
<script type=”text/javascript”>
couv = new Array;
couv[0] = ‘/img/img_exemples/sites/g1.gif’
couv[1] = ‘/img/img_exemples/sites/g2.gif’
couv[2] = ‘/img/img_exemples/sites/g3.gif’
couv[3] = ‘/img/img_exemples/sites/g4.gif’
couv[4] = ‘/img/img_exemples/sites/g5.gif’
num = 2
function ChangeImage()
{
if (num == -1) { num = (couv.length-1)}
if(document.getElementById)
{
document.getElementById(“zone”).innerHTML =’<img src=”‘+ couv[num] + ‘”> ‘;
num = num-1
}
setTimeout(“ChangeImage()”, 2000);
}
window.onload = ChangeImage;
//–>
</script>
entre <BODY> et </BODY>
<div id=”zone”></div>
J’aimerai si possible que les images sur ce script soient centrées.
Comment faire svp?
En mettant les variables pour les images dans la balise script du body et non du head comme suit :
|
Java script : http://www.editeurjavascript.com/scripts/cat_images_1.php
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
<!– /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-parent:”"; margin:0cm; margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:12.0pt; font-family:”Times New Roman”; mso-fareast-font-family:”Times New Roman”;} h1 {mso-margin-top-alt:auto; margin-right:0cm; mso-margin-bottom-alt:auto; margin-left:0cm; mso-pagination:widow-orphan; mso-outline-level:1; font-size:24.0pt; font-family:”Times New Roman”;} p.MsoFooter, li.MsoFooter, div.MsoFooter {margin:0cm; margin-bottom:.0001pt; mso-pagination:widow-orphan; tab-stops:center 8.0cm right 16.0cm; font-size:12.0pt; font-family:”Times New Roman”; mso-fareast-font-family:”Times New Roman”;} a:link, span.MsoHyperlink {color:blue; text-decoration:underline; text-underline:single;} a:visited, span.MsoHyperlinkFollowed {color:purple; text-decoration:underline; text-underline:single;} tt {font-family:”Courier New”; mso-ascii-font-family:”Courier New”; mso-fareast-font-family:”Times New Roman”; mso-hansi-font-family:”Courier New”; mso-bidi-font-family:”Courier New”;} @page Section1 {size:595.3pt 841.9pt; margin:19.85pt 19.85pt 19.85pt 19.85pt; mso-header-margin:35.45pt; mso-footer-margin:35.45pt; mso-paper-source:0;} div.Section1 {page:Section1;} –>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:”Tableau Normal”;
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-parent:”";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:”Times New Roman”;
mso-ansi-language:#0400;
mso-fareast-language:#0400;
mso-bidi-language:#0400;}
Cacher/Afficher un div avec du “style” !
Le code :
Entre <HEAD> et </HEAD> :
<script type=”text/javascript”>
function Suite(lien){
var objet = document.getElementById(‘popup’); // entre les deux ‘ tu mes le nom du div que tu veux faire apparaître !
if(objet.style.display == “none” || !objet.style.display){
objet.innerHTML = “Ici le text que tu veux faire apparaître !”;
objet.style.display = “block”;
objet.style.overflow = “hidden”;
lien.innerHTML = “-”;
var hFinal = 200; //Hauteur finale (la hauteur une fois que ça aura fini de déplier !)
var hActuel = 0; //Hauteur initiale (la hauteur dès le début !)
var timer;
var fct = function ()
{
hActuel += 20; //Augmente la hauteur de 20px (tu peux modifier) tous les 40ms !
objet.style.height = hActuel + ‘px’;
if( hActuel > hFinal)
{
clearInterval(timer); //Arrête le timer
objet.style.overflow = ‘inherit’;
}
};
fct();
timer = setInterval(fct,40); //Toute les 40 ms
}else if(objet.style.display == “block”){
var hFinal = 0; //Hauteur finale (la hauteur une fois que ça aura fini de déplier !)
var hActuel = 200; //Hauteur initiale (la hauteur dès le début !)
var timer;
var fct = function ()
{
hActuel -= 20; //Augmente la hauteur de -20px (tu peux modifier) tous les 40ms !
objet.style.height = hActuel + ‘px’;
if( hActuel < hFinal)
{
clearInterval(timer); //Arrête le timer
objet.style.overflow = ‘inherit’;
objet.style.display = “none”;
}
};
fct();
timer = setInterval(fct,40); //Toute les 40 ms
lien.innerHTML = “+”;
}
}
</script>
Entre <BODY> et </BODY> :
[<a href="javascript:;" onclick="Suite(this)">+</a>]
<div id=”popup” style=”display: none; border: #000000 1px solid; width: 300px;”>
</div>
<br /><br />Ici
Ce script va vous permettre d’afficher qui suit le curseur et dont le regard pointe vers la souris.
Exemple :
Vous ne voyez rien derrière votre curseur ?
/*
Image qui suit et regarde la souris
http://www.editeurjavascript.com/scripts/scripts_images_1_66.php
SCRIPT EDITE SUR L’EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
var x = 0;
var y = 0;
if (document.getElementById)
{
if(navigator.appName.substring(0,3) == “Net”)
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = Pos_Souris;
window.onload = Bouge_Image;
}
function Pos_Souris(e)
{
x = (navigator.appName.substring(0,3) == “Net”) ? e.pageX : event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == “Net”) ? e.pageY : event.y+document.body.scrollTop;
}
posX = 0;
posY = 0;
anim = true;
oldpos = “http://www.editeurjavascript.com/img/img_exemples/gauche.gif”;
function Bouge_Image()
{
if (document.getElementById && anim)
{
posX = posX+(((x-posX)+20)/15);
posY = posY+(((y-posY)+20)/15);
if(posX<x)
newpos=’http://www.editeurjavascript.com/img/img_exemples/droite.gif’;
else
newpos=’http://www.editeurjavascript.com/img/img_exemples/gauche.gif’;
if(newpos!=oldpos)
{
document.tete.src=newpos;
oldpos=newpos;
}
document.getElementById(“teteronde”).style.top = posY+”px”;
document.getElementById(“teteronde”).style.left = posX+”px”;
tempo = setTimeout(“Bouge_Image()”, 15)
}
}
if(document.getElementById)
{
document.write(‘<div id=”teteronde” style=”position: absolute”>’);
document.write(‘<a href=”#” onClick=”anim=false;document.getElementById(\’teteronde\’).style.visibility = \’hidden\’;return(false)”>’);
document.write(‘<img src=”http://www.editeurjavascript.com/img/img_exemples/droite.gif” style=”border:0px” name=”tete” alt=”Cliquez ici pour faire disparaître” />’);
document.write(‘</a>’);
document.write(‘</div>’);
}
Entrez ici le chemin de l’image qui regarde vers la droite
(Par exemple : http://www.monsite.com/images/droite.gif ou image/droite.gif…) :
Entrez ici le chemin de l’image qui regarde vers la gauche
(Par exemple : http://www.monsite.com/images/gauche.gif ou image/gauche.gif…) :
<!– DEBUT DU SCRIPT –>
<script type=”text/javascript”>
/*
Image qui suit et regarde la souris
http://www.editeurjavascript.com/scripts/scripts_images_1_66.php
SCRIPT EDITE SUR L’EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
var x = 0;
var y = 0;
if (document.getElementById)
{
if(navigator.appName.substring(0,3) == “Net”)
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = Pos_Souris;
window.onload = Bouge_Image;
}
function Pos_Souris(e)
{
x = (navigator.appName.substring(0,3) == “Net”) ? e.pageX : event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == “Net”) ? e.pageY : event.y+document.body.scrollTop;
}
posX = 0;
posY = 0;
anim = true;
oldpos = “www.sysmd.wordpress.com/images/gauche.gif”;
function Bouge_Image()
{
if (document.getElementById && anim)
{
posX = posX+(((x-posX)+20)/15);
posY = posY+(((y-posY)+20)/15);
if(posX<x)
newpos=’www.sysmd.wordpress.com/images/droite.gif’;
else
newpos=’www.sysmd.wordpress.com/images/gauche.gif’;
if(newpos!=oldpos)
{
document.tete.src=newpos;
oldpos=newpos;
}
document.getElementById(“teteronde”).style.top = posY+”px”;
document.getElementById(“teteronde”).style.left = posX+”px”;
tempo = setTimeout(“Bouge_Image()”, 15)
}
}
if(document.getElementById)
{
document.write(‘<div id=”teteronde” style=”position: absolute”>’);
document.write(‘<a href=”#” onClick=”anim=false;document.getElementById(\’teteronde\’).style.visibility = \’hidden\’;return(false)”>’);
document.write(‘<img src=”www.sysmd.wordpress.com/images/droite.gif” style=”border:0px” name=”tete” alt=”Cliquez ici pour faire disparaître” />’);
document.write(‘</a>’);
document.write(‘</div>’);
}
</script>
<!– FIN DU SCRIPT –>
Vignettes + image agrandie sur la même page
Description
Ce script va vous permettre d’afficher vos vignettes ainsi que vos images agrandies sur la même page, sans ouvrir de popup.
Exemple :
/*
SCRIPT EDITE SUR L’EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
/******
DEFINITION DES VARIABLE DU SCRIPT
******/
nb_photo_ligne = 4;
numero_photo = 1;
/******
ENREGISTREMENT DES PHOTOS
******/
ejs_vignet = new Array;
ejs_des = new Array;
ejs_big = new Array;
var HazMess=new Array();
ejs_des[0]= ‘Découvre <A HREF=http://www.rentabilisez.com TARGET=_blank>Rentabilisez.com</A> !’
ejs_vignet[0]= ‘/img/img_exemples/sites/p1.gif’
ejs_big[0]= ‘/img/img_exemples/sites/g1.gif’
ejs_des[1]= ‘Des centaines de kits graphiques a telecharger sur <A HREF=http://www.kitgrafik.com TARGET=_blank>KitGrafik.com</A> !’
ejs_vignet[1]= ‘/img/img_exemples/sites/p2.gif’
ejs_big[1]= ‘/img/img_exemples/sites/g2.gif’
ejs_des[2]= ‘Association <A HREF=http://www.lezebufrancophone.org TARGET=_blank>le zébu francophone</A>.’
ejs_vignet[2]= ‘/img/img_exemples/sites/p3.gif’
ejs_big[2]= ‘/img/img_exemples/sites/g3.gif’
ejs_des[3]= ‘Vous reconnaissez ? ‘
ejs_vignet[3]= ‘/img/img_exemples/sites/p4.gif’
ejs_big[3]= ‘/img/img_exemples/sites/g4.gif’
ejs_des[4]= ‘<A HREF=http://www.vacanceo.com TARGET=_blank>La communauté voyage</A> !’
ejs_vignet[4]= ‘/img/img_exemples/sites/p5.gif’
ejs_big[4]= ‘/img/img_exemples/sites/g5.gif’
/******
FONCTION POUR CHANGER LES PHOTOS
******/
function ChageImage(num)
{
if(document.getElementById)
document.getElementById(“ejs_dyn_img”).innerHTML = ‘<A HREF=”javascript:killImage()”><IMG SRC=”‘+ejs_big[num]+’” BORDER=0 HSPACE=5 VSPACE=5 ALT=”Cliquez ici pour faire disparaitre”></A><BR><FONT FACE=”Verdana, Arial” SIZE=1>’+ejs_des[num]+’</FONT>’;
else
window.open(ejs_big[num],”_blank”)
}
/******
FONCTION POUR EFFACER LES PHOTOS
******/
function killImage(num)
{
if(document.getElementById)
document.getElementById(“ejs_dyn_img”).innerHTML = “”;
}
/******
CREATION DU TABLEAU
******/
document.write(‘<TABLE>’)
for(a=0;a<ejs_big.length;a++)
{
if(numero_photo == 1)
document.write(‘<TR>’);
if(numero_photo == ejs_big.length)
document.write(‘<TD ALIGN=center COLSPAN=’+(((ejs_big.length)+1)-numero_photo)+’>’);
else
document.write(‘<TD ALIGN=center>’);
document.write(‘<A HREF=”javascript:ChageImage(‘+a+’)”><IMG SRC=”‘+ejs_vignet[a]+’” HSPACE=5 VSPACE=5 ALT=”Cliquez ici pour voir en grand” BORDER=0></A></TD>’)
if(numero_photo == nb_photo_ligne)
{
document.write(‘</TR>’);
numero_photo=0;
}
numero_photo++;
}
document.write(‘<TR><TD COLSPAN=’+ejs_big.length+’ ALIGN=center><DIV ID=ejs_dyn_img></DIV></TD></TR></TABLE>’);
|
|
|
|
|
|
|
|
|
|
Votre script personnalisé :
Voici le code JavaScript à inserer dans votre page.
ATTENTION : Suivant votre editeur HTML, vous risquez de voir apparaitre des petits carrés noirs. Vous devez remplacer ces carrés noirs par un saut de ligne (ENTER).
A mettre entre les balises <BODY> et </BODY>, à la place ou vous desirez mettre les vignettes :
<!– DEBUT DU SCRIPT –>
<SCRIPT LANGUAGE=”JavaScript”>
/*
SCRIPT EDITE SUR L’EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
/******
DEFINITION DES VARIABLE DU SCRIPT
******/
nb_photo_ligne = 6;
numero_photo = 1;
/******
ENREGISTREMENT DES PHOTOS
******/
ejs_vignet = new Array;
ejs_des = new Array;
ejs_big = new Array;
var HazMess=new Array();
ejs_des[0]= ”
ejs_vignet[0]= ‘www.monsite.com/images/vignette.gif ‘
ejs_big[0]= ‘www.monsite.com/images/vignette.gif ‘
/******
FONCTION POUR CHANGER LES PHOTOS
******/
function ChageImage(num)
{
if(document.getElementById)
document.getElementById(“ejs_dyn_img”).innerHTML = ‘<A HREF=”javascript:killImage()”><IMG SRC=”‘+ejs_big[num]+’” BORDER=0 HSPACE=5 VSPACE=5 ALT=”Cliquez ici pour faire disparaitre”></A><BR><FONT FACE=”Verdana, Arial” SIZE=1>’+ejs_des[num]+’</FONT>’;
else
window.open(ejs_big[num],”_blank”)
}
/******
FONCTION POUR EFFACER LES PHOTOS
******/
function killImage(num)
{
if(document.getElementById)
document.getElementById(“ejs_dyn_img”).innerHTML = “”;
}
/******
CREATION DU TABLEAU
******/
document.write(‘<TABLE>’)
for(a=0;a<ejs_big.length;a++)
{
if(numero_photo == 1)
document.write(‘<TR>’);
if(numero_photo == ejs_big.length)
document.write(‘<TD ALIGN=center COLSPAN=’+(((ejs_big.length)+1)-numero_photo)+’>’);
else
document.write(‘<TD ALIGN=center>’);
document.write(‘<A HREF=”javascript:ChageImage(‘+a+’)”><IMG SRC=”‘+ejs_vignet[a]+’” HSPACE=5 VSPACE=5 ALT=”Cliquez ici pour voir en grand” BORDER=0></A></TD>’)
if(numero_photo == nb_photo_ligne)
{
document.write(‘</TR>’);
numero_photo=0;
}
numero_photo++;
}
document.write(‘<TR><TD COLSPAN=’+ejs_big.length+’ ALIGN=center><DIV ID=ejs_dyn_img></DIV></TD></TR></TABLE>’);
</SCRIPT>
Des images qui tombent du haut de l’écran –
Ce script vous permet de faire un effet de neige (ou autre) qui tombe.
le chemin des images à afficher
(Par exemple images/monimage.gif ou http://www.mosite.com/monimage.jpg):
Voici le code JavaScript à inserer dans votre page.
ATTENTION : Suivant votre editeur HTML, vous risquez de voir apparaitre des petits carrés noirs. Vous devez remplacer ces carrés noirs par un saut de ligne (ENTER).
A mettre entre les balises <BODY> et </BODY>, où vous voulez :
<!– DEBUT DU SCRIPT –><SCRIPT language=JavaScript>
/*
Snow Effect Script
Created and submitted by Altan d.o.o. (snow@altan.hr, http://www.altan.hr/snow/index.html)
EDITE SUR L’EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
var snowsrc=”www.mosite.com/monimage.jpg”
var no = 10;
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var nn6up = (document.getElementById) ? 1 : 0;
var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
} else if (nn6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {
dx[i] = 0;
xp[i] = Math.random()*(doc_width-50);
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
if (ns4up) {
if (i == 0) {
document.write(“<layer name=dot”+ i +” left=15 top=15 visibility=show><img src=’”+snowsrc+”‘ border=0></layer>”);
} else {
document.write(“<layer name=dot”+ i +” left=15 top=15 visibility=show><img src=’”+snowsrc+”‘ border=0></layer>”);
}
} else if (ie4up || nn6up) {
if (i == 0) { document.write(“<div id=dot”+ i +” style=\”POSITION: absolute; Z-INDEX: “+ i +”; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\”><img src=’”+snowsrc+”‘ border=0></div>”);
} else {
document.write(“<div id=dot”+ i +” style=\”POSITION: absolute; Z-INDEX: “+ i +”; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\”><img src=’”+snowsrc+”‘ border=0></div>”);
}
}
}
function snowNS() {
for (i = 0; i < no; ++ i) {
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout(“snowNS()”, 10);
}
function snowIE() {
for (i = 0; i < no; ++ i) {
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout(“snowIE()”, 10);
}
function snowNN6() {
for (i = 0; i < no; ++ i) {
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.getElementById(“dot”+i).style.top = yp[i];
document.getElementById(“dot”+i).style.left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout(“snowNN6()”, 10);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
} else if (nn6up) {
snowNN6();
}
</SCRIPT>
<!– FIN DU SCRIPT –>
Rollover / images réactives a la souris – Ce script vous permet de créer des petits effets sur vos boutons. En effet, une image se charge par dessus l’originale quand elle est survolée par la souris.
chemin d’acces de vos images
(ex: images/nom_image.gif ou http://www.monsite.com/monimage.gif) :
Image 1 :
Edition du script :
|
|
Pour éditer ce script, vous devez remplir le formulaire ci-dessous.
Une fois le formulaire rempli, cliquez sur “Editer votre script !”, votre script personnalisé s’affichera plus bas dans la page.
Les champs marqués en rouge sont obligatoires.
Pour éditer ce script, vous devez remplir le formulaire ci-dessous.
Les champs marqués en rouge sont obligatoires.
Placez ici le chemin d’acces de vos image
(ex: images/nom_image.gif ou http://www.monsite.com/monimage.gif) :
Image 1 :
Image 2
Titre de l’image :
(ce texte s’affichera lors du chargement de l’image) :
Voici le code JavaScript à inserer dans votre page.
ATTENTION : Suivant votre editeur HTML, vous risquez de voir apparaitre des petits carrés noirs. Vous devez remplacer ces carrés noirs par un saut de ligne (ENTER).
A mettre entre les balises <HEAD> et </HEAD> :
<!– DEBUT DU SCRIPT –>
<SCRIPT LANGUAGE=”JavaScript”>
/*
SCRIPT EDITE SUR L’EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
/* PRECHARGEMENT DE L IMAGE DANS LE CACHE DU NAVIGATEUR */
if(document.images)
{
i424187 = new Image;
i424187 = “www.monsite.com/monimage.gif”;
}
</SCRIPT>
<!– FIN DU SCRIPT –>
A mettre entre les balises <BODY> et </BODY>, à la place ou vous desirez mettre l’image :
<!– DEBUT DU SCRIPT –>
<!–
SCRIPT EDITE SUR L’EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
–>
<A HREF=”#” onMouseOver=”i424187.src=’www.monsite.com/monimage.gif’” onMouseOut=”i424187.src=’www.monsite.com/monimage.gif’”><IMG SRC=”www.monsite.com/monimage.gif” BORDER=0 NAME=”i424187″ ALT=”man” HSPACE=0 VSPACE=0></A>
<!– FIN DU SCRIPT –>
On peut faire pareil avec le css …
entre les balises <head></head>
|
entre les balises <body></body>
|
