Rechercher
test image
Derniers sujets
» newsletter equinox mise en formepar Hagel Ven 14 Avr - 18:24
» test interview Arnaud Thuly
par Hagel Sam 18 Mai - 9:58
» Tutoriel d'alerte au virus sur son forum
par Hagel Mer 2 Mai - 16:14
» page d'accueil
par Hagel Sam 18 Fév - 12:48
» remplir fond page html
par Hagel Ven 17 Fév - 23:31
» Avatar par défaut
par Hagel Mer 15 Fév - 19:04
» pour afficher le nom des modérateurs
par Hagel Mar 13 Déc - 19:15
» page d'accueil
par Hagel Dim 4 Déc - 20:47
» Les tutos à prendre en compte
par Hagel Mer 16 Nov - 21:11
essai widget
forum-test :: essai
Page 1 sur 1
essai widget
par Hagel Mar 25 Mai - 10:53
- Code:
<style type="text/css">
.picshow { z-index:444; position:relative; background-color:#ffffff; width: 100%; height: 135px}
.picshow_main { position: relative; width: 180px; height: 135px}
.picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 180px; height: 135px}
.picshow_change {position: absolute; text-align: left; bottom: 0px; height: 30px; right: 0px; left: 100px;}
.picshow_change img {width:15px; height: 15px}
.picshow_change a { border: 1px solid; display: block; float: left; margin-right: 5px; -display: inline}
a.axx { border-color: #555}
a.axx:hover {border-color: #000}
a.axx img { filter: alpha(opacity=40); opacity: 0.4; -moz-opacity: 0.4}
a.axx:hover img {filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0}
a.bxx { border-color: #000}
a.bxx:hover {border-color: #000}
img{
border:0px}
</style>
<script type="text/javascript">
var smallImg = new Array();
function addImg(src,img,lien,alt) {
smallImg.push(img);
eval('img'+smallImg.length+'=new Image();');
eval('img'+smallImg.length+'.src=''+src.replace(/'/g,''')+'';');
eval('url'+smallImg.length+'=new Image();');
eval('url'+smallImg.length+'.src=''+lien.replace(/'/g,''')+'';');
eval('alt'+smallImg.length+'=new Image();');
eval('alt'+smallImg.length+'.alt=''+alt.replace(/'/g,''')+'';');
}
/* debut de la partie modifiable */
addImg('http://pmsc.free.fr/I03/1062201119.jpg','http://i60.servimg.com/u/f60/12/10/25/45/index_10.gif', 'http://www.equi-nox.net/mediumnite-f27/dossier-catalogue-vacances-pour-medium-t3359.htm#35456', 'Dossier destination vacances');
addImg('http://pmsc.free.fr/I03/10621125947.png', 'http://i60.servimg.com/u/f60/12/10/25/45/index_11.gif', 'http://www.equi-nox.net/differents-aspects-de-la-magie-f4/la-magie-le-mage-son-travail-definition-magie-t602.htm', 'la magie?');
addImg('http://pmsc.free.fr/I03/10622225545.png', 'http://i60.servimg.com/u/f60/12/10/25/45/index_12.gif', 'http://www.equi-nox.net/spiritualite-et-cheminement-f26/la-voie-de-l-equilibre-t3471.htm#37101', 'La voie de l'Equilibre');
/* fin de la partie modifiable */
var counts = smallImg.length;
var nn = 1;
var key = 0;
function change_img() {
if (key == 0) {
key = 1;
} else if (document.all) {
document.getElementById("pic").filters[0].Apply();
document.getElementById("pic").filters[0].Play(duration = 2);
}
eval('document.getElementById("pic").src=img' + nn + '.src');
eval('document.getElementById("url").href=url' + nn + '.src');
eval('document.getElementById("pic").alt=alt' + nn + '.alt');
if (nn == 1) {
document.getElementById("url").target = "_blank";
document.getElementById("url").style.cursor = "pointer";
} else {
document.getElementById("url").target = "_blank"
document.getElementById("url").style.cursor = "pointer"
}
for ( var i = 1; i <= counts; i++) {
document.getElementById("xxjdjj" + i).className = 'axx';
}
document.getElementById("xxjdjj" + nn).className = 'bxx';
nn++;
if (nn > counts) {
nn = 1;
}
tt = setTimeout('change_img()', 7000);
}
function changeimg(n) {
nn = n;
window.clearInterval(tt);
change_img();
}
function ImageShow() {
document.write('<div class="picshow_main">');
document.write('<div><a id="url"><img id="pic" class="imgbig" /></a></div>');
document.write('<div class="picshow_change">');
for ( var i = 0; i < counts; i++) {
document.write('<a href="javascript:changeimg(' + (i + 1)
+ ');" id="xxjdjj' + (i + 1)
+ '" class="axx" target="_self"><img src="' + smallImg[i]
+ '"></a>');
}
document.write('</div></div>');
change_img();
}
ImageShow();
</script>
Dernière édition par Hagel le Lun 28 Juin - 7:57, édité 5 fois
Hagel- Administrateur
- Messages : 260
Points : 561
Date d'inscription : 18/04/2009
Age : 66
Localisation : ben ici hein
Feuille de personnage
test: 3
test:
(1/1) -
Re: essai widget
par Hagel Dim 13 Juin - 21:45
- Code:
<style type="text/css">
.picshow { z-index:444; position:relative; background-color:#ffffff; width: 100%; height: 135px}
.picshow_main { position: relative; width: 180px; height: 135px}
.picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 180px; height: 135px}
.picshow_change {position: absolute; text-align: left; bottom: 0px; height: 30px; right: 0px; left: 100px;}
.picshow_change img {width:15px; height: 15px}
.picshow_change a { border: 1px solid; display: block; float: left; margin-right: 5px; -display: inline}
a.axx { border-color: #555}
a.axx:hover {border-color: #000}
a.axx img { filter: alpha(opacity=40); opacity: 0.4; -moz-opacity: 0.4}
a.axx:hover img {filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0}
a.bxx { border-color: #000}
a.bxx:hover {border-color: #000}
img{
border:0px}
</style>
<script type="text/javascript">
var smallImg = new Array();
function addImg(src,img,lien,alt) {
smallImg.push(img);
eval('img'+smallImg.length+'=new Image();');
eval('img'+smallImg.length+'.src=\\''+src.replace(/\\'/g,'\\\\\\'')+'\\';');
eval('url'+smallImg.length+'=new Image();');
eval('url'+smallImg.length+'.src=\\''+lien.replace(/\\'/g,'\\\\\\'')+'\\';');
eval('alt'+smallImg.length+'=new Image();');
eval('alt'+smallImg.length+'.alt=\\''+alt.replace(/\\'/g,'\\\\\\'')+'\\';');
}
/* debut de la partie modifiable */
addImg('http://hitskin.com/themes/15/50/24/preview.png','http://i60.servimg.com/u/f60/12/10/25/45/index_10.gif','http://fr.hitskin.com/?afolder=theme&id=155024','Virtual Gamer');
addImg('http://hitskin.com/themes/15/54/73/preview.png','http://i60.servimg.com/u/f60/12/10/25/45/index_11.gif','http://fr.hitskin.com/?afolder=theme&id=155473', 'S-E Miley');
addImg('http://hitskin.com/themes/15/50/21/preview.png', 'http://i60.servimg.com/u/f60/12/10/25/45/index_12.gif', 'http://fr.hitskin.com/?afolder=theme&id=155021', 'AK anniv');
/* fin de la partie modifiable */
var counts = smallImg.length;
var nn = 1;
var key = 0;
function change_img() {
if (key == 0) {
key = 1;
} else if (document.all) {
document.getElementById("pic").filters[0].Apply();
document.getElementById("pic").filters[0].Play(duration = 2);
}
eval('document.getElementById("pic").src=img' + nn + '.src');
eval('document.getElementById("url").href=url' + nn + '.src');
eval('document.getElementById("pic").alt=alt' + nn + '.alt');
if (nn == 1) {
document.getElementById("url").target = "_blank";
document.getElementById("url").style.cursor = "pointer";
} else {
document.getElementById("url").target = "_blank"
document.getElementById("url").style.cursor = "pointer"
}
for ( var i = 1; i <= counts; i++) {
document.getElementById("xxjdjj" + i).className = 'axx';
}
document.getElementById("xxjdjj" + nn).className = 'bxx';
nn++;
if (nn > counts) {
nn = 1;
}
tt = setTimeout('change_img()', 7000);
}
function changeimg(n) {
nn = n;
window.clearInterval(tt);
change_img();
}
function ImageShow() {
document.write('<div class="picshow_main">');
document.write('<div><a id="url"><img id="pic" class="imgbig" /></a></div>');
document.write('<div class="picshow_change">');
for ( var i = 0; i < counts; i++) {
document.write('<a href="javascript:changeimg(' + (i + 1)
+ ');" id="xxjdjj' + (i + 1)
+ '" class="axx" target="_self"><img src="' + smallImg[i]
+ '"></a>');
}
document.write('</div></div>');
change_img();
}
ImageShow();
</script>
Hagel- Administrateur
- Messages : 260
Points : 561
Date d'inscription : 18/04/2009
Age : 66
Localisation : ben ici hein
Feuille de personnage
test: 3
test: (1/1) -
Re: essai widget
par Hagel Lun 28 Juin - 8:06
- Code:
<style type="text/css">
.picshow { z-index:444; position:relative; background-color:#ffffff; width: 100%; height: 135px}
.picshow_main { position: relative; width: 180px; height: 135px}
.picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 180px; height: 135px}
.picshow_change {position: absolute; text-align: left; bottom: 0px; height: 30px; right: 0px; left: 100px;}
.picshow_change img {width:15px; height: 15px}
.picshow_change a { border: 1px solid; display: block; float: left; margin-right: 5px; -display: inline}
a.axx { border-color: #555}
a.axx:hover {border-color: #000}
a.axx img { filter: alpha(opacity=40); opacity: 0.4; -moz-opacity: 0.4}
a.axx:hover img {filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0}
a.bxx { border-color: #000}
a.bxx:hover {border-color: #000}
img{
border:0px}
</style>
<script type="text/javascript">
var smallImg = new Array();
function addImg(src,img,lien,alt) {
smallImg.push(img);
eval('img'+smallImg.length+'=new Image();');
eval('img'+smallImg.length+'.src=\\''+src.replace(/\\'/g,'\\\\\\'')+'\\';');
eval('url'+smallImg.length+'=new Image();');
eval('url'+smallImg.length+'.src=\\''+lien.replace(/\\'/g,'\\\\\\'')+'\\';');
eval('alt'+smallImg.length+'=new Image();');
eval('alt'+smallImg.length+'.alt=\\''+alt.replace(/\\'/g,'\\\\\\'')+'\\';');
}
/* debut de la partie modifiable */
addImg('http://pmsc.free.fr/I03/1062201119.jpg','http://i60.servimg.com/u/f60/12/10/25/45/index_10.gif', 'http://www.equi-nox.net/mediumnite-f27/dossier-catalogue-vacances-pour-medium-t3359.htm#35456', 'Dossier destination vacances');
addImg('http://pmsc.free.fr/I03/10621125947.png', 'http://i60.servimg.com/u/f60/12/10/25/45/index_11.gif', 'http://www.equi-nox.net/differents-aspects-de-la-magie-f4/la-magie-le-mage-son-travail-definition-magie-t602.htm', 'la magie?');
addImg('http://pmsc.free.fr/I03/10622225545.png', 'http://i60.servimg.com/u/f60/12/10/25/45/index_12.gif', 'http://www.equi-nox.net/spiritualite-et-cheminement-f26/la-voie-de-l-equilibre-t3471.htm#37101', 'La voie de l'Equilibre');
/* fin de la partie modifiable */
var counts = smallImg.length;
var nn = 1;
var key = 0;
function change_img() {
if (key == 0) {
key = 1;
} else if (document.all) {
document.getElementById("pic").filters[0].Apply();
document.getElementById("pic").filters[0].Play(duration = 2);
}
eval('document.getElementById("pic").src=img' + nn + '.src');
eval('document.getElementById("url").href=url' + nn + '.src');
eval('document.getElementById("pic").alt=alt' + nn + '.alt');
if (nn == 1) {
document.getElementById("url").target = "_blank";
document.getElementById("url").style.cursor = "pointer";
} else {
document.getElementById("url").target = "_blank"
document.getElementById("url").style.cursor = "pointer"
}
for ( var i = 1; i <= counts; i++) {
document.getElementById("xxjdjj" + i).className = 'axx';
}
document.getElementById("xxjdjj" + nn).className = 'bxx';
nn++;
if (nn > counts) {
nn = 1;
}
tt = setTimeout('change_img()', 7000);
}
function changeimg(n) {
nn = n;
window.clearInterval(tt);
change_img();
}
function ImageShow() {
document.write('<div class="picshow_main">');
document.write('<div><a id="url"><img id="pic" class="imgbig" /></a></div>');
document.write('<div class="picshow_change">');
for ( var i = 0; i < counts; i++) {
document.write('<a href="javascript:changeimg(' + (i + 1)
+ ');" id="xxjdjj' + (i + 1)
+ '" class="axx" target="_self"><img src="' + smallImg[i]
+ '"></a>');
}
document.write('</div></div>');
change_img();
}
ImageShow();
</script>
Hagel- Administrateur
- Messages : 260
Points : 561
Date d'inscription : 18/04/2009
Age : 66
Localisation : ben ici hein
Feuille de personnage
test: 3
test: (1/1) -
Re: essai widget
par Hagel Lun 28 Juin - 8:19
- Code:
<style type="text/css">
.picshow { z-index:444; position:relative; background-color:#ffffff; width: 100%; height: 135px}
.picshow_main { position: relative; width: 180px; height: 135px}
.picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 180px; height: 135px}
.picshow_change {position: absolute; text-align: left; bottom: 0px; height: 30px; right: 0px; left: 100px;}
.picshow_change img {width:15px; height: 15px}
.picshow_change a { border: 1px solid; display: block; float: left; margin-right: 5px; -display: inline}
a.axx { border-color: #555}
a.axx:hover {border-color: #000}
a.axx img { filter: alpha(opacity=40); opacity: 0.4; -moz-opacity: 0.4}
a.axx:hover img {filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0}
a.bxx { border-color: #000}
a.bxx:hover {border-color: #000}
img{
border:0px}
</style>
<script type="text/javascript">
var smallImg = new Array();
function addImg(src,img,lien,alt) {
smallImg.push(img);
eval('img'+smallImg.length+'=new Image();');
eval('img'+smallImg.length+'.src=''+src.replace(/'/g,'\'')+'';');
eval('url'+smallImg.length+'=new Image();');
eval('url'+smallImg.length+'.src=''+lien.replace(/'/g,'\'')+'';');
eval('alt'+smallImg.length+'=new Image();');
eval('alt'+smallImg.length+'.alt=''+alt.replace(/'/g,'\'')+'';');
}
/* debut de la partie modifiable */
addImg('http://pmsc.free.fr/I03/10628105858.png','http://i60.servimg.com/u/f60/12/10/25/45/index_10.gif','http://www.equi-nox.net/mediumnite-f27/dossier-vacances-pour-medium-t3498.htm#37607','Dossier vacances');
addImg('http://pmsc.free.fr/I03/10717193800.png','http://i60.servimg.com/u/f60/12/10/25/45/index_11.gif','http://www.equi-nox.net/outils-f45/l-usage-du-sel-t3576.htm', 'L'usage du sel');
addImg('http://pmsc.free.fr/I03/10715115939.png', 'http://i60.servimg.com/u/f60/12/10/25/45/index_12.gif', 'http://www.equi-nox.net/magie-et-rituels-f61/rituel-de-lughanasad-2010-1er-aout-t3563.htm#38552', 'Rituel de Lughanasad 2010');
/* fin de la partie modifiable */
var counts = smallImg.length;
var nn = 1;
var key = 0;
function change_img() {
if (key == 0) {
key = 1;
} else if (document.all) {
document.getElementById("pic").filters[0].Apply();
document.getElementById("pic").filters[0].Play(duration = 2);
}
eval('document.getElementById("pic").src=img' + nn + '.src');
eval('document.getElementById("url").href=url' + nn + '.src');
eval('document.getElementById("pic").alt=alt' + nn + '.alt');
if (nn == 1) {
document.getElementById("url").target = "_blank";
document.getElementById("url").style.cursor = "pointer";
} else {
document.getElementById("url").target = "_blank"
document.getElementById("url").style.cursor = "pointer"
}
for ( var i = 1; i <= counts; i++) {
document.getElementById("xxjdjj" + i).className = 'axx';
}
document.getElementById("xxjdjj" + nn).className = 'bxx';
nn++;
if (nn > counts) {
nn = 1;
}
tt = setTimeout('change_img()', 7000);
}
function changeimg(n) {
nn = n;
window.clearInterval(tt);
change_img();
}
function ImageShow() {
document.write('<div class="picshow_main">');
document.write('<div><a id="url"><img id="pic" class="imgbig" /></a></div>');
document.write('<div class="picshow_change">');
for ( var i = 0; i < counts; i++) {
document.write('<a href="javascript:changeimg(' + (i + 1)
+ ');" id="xxjdjj' + (i + 1)
+ '" class="axx" target="_self"><img src="' + smallImg[i]
+ '"></a>');
}
document.write('</div></div>');
change_img();
}
ImageShow();
</script>
Hagel- Administrateur
- Messages : 260
Points : 561
Date d'inscription : 18/04/2009
Age : 66
Localisation : ben ici hein
Feuille de personnage
test: 3
test: (1/1) -
Re: essai widget
par Hagel Mar 20 Juil - 17:25
- Code:
<style type="text/css">
.picshow { z-index:444; position:relative; background-color:#ffffff; width: 100%; height: 135px}
.picshow_main { position: relative; width: 180px; height: 135px}
.picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 180px; height: 135px}
.picshow_change {position: absolute; text-align: left; bottom: 0px; height: 30px; right: 0px; left: 100px;}
.picshow_change img {width:15px; height: 15px}
.picshow_change a { border: 1px solid; display: block; float: left; margin-right: 5px; -display: inline}
a.axx { border-color: #555}
a.axx:hover {border-color: #000}
a.axx img { filter: alpha(opacity=40); opacity: 0.4; -moz-opacity: 0.4}
a.axx:hover img {filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0}
a.bxx { border-color: #000}
a.bxx:hover {border-color: #000}
img{
border:0px}
</style>
<script type="text/javascript">
var smallImg = new Array();
function addImg(src,img,lien,alt) {
smallImg.push(img);
eval('img'+smallImg.length+'=new Image();');
eval('img'+smallImg.length+'.src=\\''+src.replace(/\\'/g,'\\\\\\'')+'\\';');
eval('url'+smallImg.length+'=new Image();');
eval('url'+smallImg.length+'.src=\\''+lien.replace(/\\'/g,'\\\\\\'')+'\\';');
eval('alt'+smallImg.length+'=new Image();');
eval('alt'+smallImg.length+'.alt=\\''+alt.replace(/\\'/g,'\\\\\\'')+'\\';');
}
/* debut de la partie modifiable */
addImg('http://hitskin.com/themes/15/50/24/preview.png','http://i60.servimg.com/u/f60/12/10/25/45/index_10.gif','http://fr.hitskin.com/?afolder=theme&id=155024','Virtual Gamer');
addImg('http://hitskin.com/themes/15/54/73/preview.png','http://i60.servimg.com/u/f60/12/10/25/45/index_11.gif','http://fr.hitskin.com/?afolder=theme&id=155473', 'S-E Miley');
addImg('http://hitskin.com/themes/15/50/21/preview.png', 'http://i60.servimg.com/u/f60/12/10/25/45/index_12.gif', 'http://fr.hitskin.com/?afolder=theme&id=155021', 'AK anniv');
/* fin de la partie modifiable */
var counts = smallImg.length;
var nn = 1;
var key = 0;
function change_img() {
if (key == 0) {
key = 1;
} else if (document.all) {
document.getElementById("pic").filters[0].Apply();
document.getElementById("pic").filters[0].Play(duration = 2);
}
eval('document.getElementById("pic").src=img' + nn + '.src');
eval('document.getElementById("url").href=url' + nn + '.src');
eval('document.getElementById("pic").alt=alt' + nn + '.alt');
if (nn == 1) {
document.getElementById("url").target = "_blank";
document.getElementById("url").style.cursor = "pointer";
} else {
document.getElementById("url").target = "_blank"
document.getElementById("url").style.cursor = "pointer"
}
for ( var i = 1; i <= counts; i++) {
document.getElementById("xxjdjj" + i).className = 'axx';
}
document.getElementById("xxjdjj" + nn).className = 'bxx';
nn++;
if (nn > counts) {
nn = 1;
}
tt = setTimeout('change_img()', 7000);
}
function changeimg(n) {
nn = n;
window.clearInterval(tt);
change_img();
}
function ImageShow() {
document.write('<div class="picshow_main">');
document.write('<div><a id="url"><img id="pic" class="imgbig" /></a></div>');
document.write('<div class="picshow_change">');
for ( var i = 0; i < counts; i++) {
document.write('<a href="javascript:changeimg(' + (i + 1)
+ ');" id="xxjdjj' + (i + 1)
+ '" class="axx" target="_self"><img src="' + smallImg[i]
+ '"></a>');
}
document.write('</div></div>');
change_img();
}
ImageShow();
</script>
Hagel- Administrateur
- Messages : 260
Points : 561
Date d'inscription : 18/04/2009
Age : 66
Localisation : ben ici hein
Feuille de personnage
test: 3
test: (1/1) -
forum-test :: essai
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum|
|
|