Setup
1) Insert this line between <head> and </head>:
<script type="text/javascript" src="upic.js"></script>
2) Then use it with an event.
Ex:<a href="#" onclick="uPic(source, title, x, y, border&font color, font style)">
3) You can make a quickUpic fonction if you wish to keep the same parameters :
function quickUpic(Src,Tit){
var x=screen.width*Math.random()/2.2;
var y=screen.height*Math.random()/1.8
uPic(Src,Tit,x,y,'#acd','bold 11px verdana,sans-serif')
}
4) More customization on the cross (opacity, src) or on the title (glow) ? Look at the source ...
Also I finally made some more closing-cross pictures, I give you the .psd file so that you can edit them to your needs.
Download:
You'll find here all necessary files grouped in a .zip : [ Download ].
Copyright :
This script is free for non-commercial use,
if you want to use it in a professionnal project, just contact me.
Installation
1) Insérez cette ligne entre <head> and </head>:
<script type="text/javascript" src="upic.js"></script>
2) Puis lancer la fonction uPic avec un évenement.
Ex:<a href="#" onclick="uPic(source, titre, x, y, bordure&couleur de police, style de police)">
3) Vous pouvez créer une fonction quickUpic qui permet de garder toujours les même paramètres (raccourci) :
function quickUpic(Src,Tit){
var x=screen.width*Math.random()/2.2;
var y=screen.height*Math.random()/1.8
uPic(Src,Tit,x,y,'#acd','bold 11px verdana,sans-serif')
}
4) Pour plus de personnalisation sur la croix (opacité, src) et sur le titre (effet de contour flou) regardez le code source de cette page.
Et pour couronner le tout, je vous propose une série de croix au format .psd que vous pouvez éditer à loisir.
Téléchargement :
Voici le fichier .zip contenant tout les fichiers nécessaires : [ Télécharger ].
Copyright :
Ce script est gratuit pour un usage non-commerciale. Pour une utilisation dans un cadre professionnel
contactez moi.