Widget thème du mois

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Widget thème du mois

Message par kelkun89 le Mar 9 Nov 2010 - 8:30

Salut tout le monde j'aurais besoin d'aide sur un script
http://forum.forumactif.com/archives-de-la-section-gerer-l-apparence-de-son-forum-f103/widget-theme-du-mois-de-fa-t276650.htm

Je l'ai modifier un peu mais le souci c'est que je ne connait pas le javascript, donc il y a des chose qui ne fonctionne plus enfaite avant que je modifier le script je pouvait clicker sur les image pour envoi sur un lien choisi et je pouvais clicker sur les chiffre "1 a 5" pour changer d'image mais suite a mes modification cela ne fonctionne plus voici le scipt modifier " comme j'ai pu "

Code:

<style type="text/css">
.picshow { margin: 0px; z-index:445; position:relative; background-color:#ffffff; width: 100%; height: 20px;}
.picshow_main { position: relative; width: 170px; height: 400px;top: 18px;left: 41px;}
.picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward);width: 170px; height: 235px;position: relative;top: 50px;left: -20px;}
.picshow_change {position: absolute; text-align: left; bottom: -55px; height: 95px; right: 0px; left: 10px;}
.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;}
.iphone {position: relative;z-index:444; top: -250px; left: -35px;}
</style>
<SCRIPT language=javascript>
 var counts = 5;
 img1 = new Image();
 img1.src = 'http://i20.servimg.com/u/f20/14/80/62/04/img_0013.png';
 img2 = new Image();
 img2.src = 'http://i60.servimg.com/u/f60/14/80/62/04/img_0010.png';
 img3 = new Image();
 img3.src = 'http://i60.servimg.com/u/f60/14/80/62/04/heavy_10.png';
 img4 = new Image();
 img4.src = 'http://i60.servimg.com/u/f60/14/80/62/04/a10.png';
 img5 = new Image();
 img5.src = 'http://i60.servimg.com/u/f60/14/80/62/04/b10.png';
 
var smallImg = new Array();
smallImg[0] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_10.gif';
smallImg[1] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_11.gif';
smallImg[2] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_12.gif';
smallImg[3] = 'http://i63.servimg.com/u/f63/11/73/76/86/index_10.gif';
smallImg[4] = 'http://i63.servimg.com/u/f63/11/73/76/86/index_11.gif';
 
url1 = 'DIRECTION DU LIEN 1';
url2 = 'DIRECTION DU LIEN 2';
url3 = 'DIRECTION DU LIEN 3';
url4 = 'DIRECTION DU LIEN 4';
url5 = 'DIRECTION DU LIEN 5';

alt1 = new Image();
alt1.alt = 'TITRE 1';
alt2 = new Image();
alt2.alt = 'TITRE 2';
alt3 = new Image();
alt3.alt = 'TITRE 3';
alt4 = new Image();
alt4.alt = 'TITRE 4';
alt5 = new Image();
alt5.alt = 'TITRE 5';
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_theme").href=url' + nn);
  eval('document.getElementById("pic").alt=alt' + nn + '.alt');
  if (nn == 1) {
  document.getElementById("url_theme").target = "_blank";
  document.getElementById("url_theme").style.cursor = "pointer";
  } else {
  document.getElementById("url_theme").target = "_blank"
  document.getElementById("url_theme").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_theme"><img id="pic" class="imgbig" /></a></div>');
    document.write('<div class="iphone"><img src="http://i60.servimg.com/u/f60/14/80/62/04/aaa10.png" width=200 height=400/></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();
 }
</SCRIPT>
<SCRIPT language="javascript" type="text/javascript">
 ImageShow();
</SCRIPT>

Voici un screenshot du résultat



Merci d'avance pour votre aide


Dernière édition par kelkun89 le Jeu 18 Nov 2010 - 21:23, édité 1 fois

kelkun89
**

Messages : 66
Inscrit(e) le : 19/10/2010

http://custom4iphone.forumgratuit.org/forum.htm
kelkun89 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget thème du mois

Message par Arlem le Mar 9 Nov 2010 - 20:33

Bonsoir Smile

Le plus simple serait que tu nous donnes le script avant modification et que tu nous dises ce que tu souhaites changer.

Arlem
+ Hyperactif +

Messages : 2550
Inscrit(e) le : 30/06/2009

Arlem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget thème du mois

Message par kelkun89 le Mar 9 Nov 2010 - 22:00

Salut j'ai mit le lien du code d'origine et j'ai mis mon code moi j'ai juste rajoute un ligne pour mettre le iphone en fond mais bon j'ai du mal faire cela

kelkun89
**

Messages : 66
Inscrit(e) le : 19/10/2010

http://custom4iphone.forumgratuit.org/forum.htm
kelkun89 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget thème du mois

Message par kelkun89 le Mer 10 Nov 2010 - 15:42

UP aidez moi

kelkun89
**

Messages : 66
Inscrit(e) le : 19/10/2010

http://custom4iphone.forumgratuit.org/forum.htm
kelkun89 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget thème du mois

Message par Emer.inL0ve le Mer 10 Nov 2010 - 15:58

Bonjour,

Je voudrai avoir un code similaire mais sauf que je voudrai mettre mes propres photos. Est-ce possible ? Si oui, pouvez-vous me le fournir ?

Cordialement.

Emer.inL0ve
**

Masculin
Messages : 76
Inscrit(e) le : 03/10/2010

http://underload.org
Emer.inL0ve a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget thème du mois

Message par kelkun89 le Mer 10 Nov 2010 - 16:00

Va sur le lien du premier poste et tu aura le code d'origine Wink

kelkun89
**

Messages : 66
Inscrit(e) le : 19/10/2010

http://custom4iphone.forumgratuit.org/forum.htm
kelkun89 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget thème du mois

Message par Emer.inL0ve le Mer 10 Nov 2010 - 16:12

Re,

Pouvez-vous m'indiquer ou je dois mettre mes liens de photo ?

Cordialement.

Emer.inL0ve
**

Masculin
Messages : 76
Inscrit(e) le : 03/10/2010

http://underload.org
Emer.inL0ve a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget thème du mois

Message par Arlem le Mer 10 Nov 2010 - 16:31

@Emer.inL0ve : Tout est expliqué sur l'autre topic, regarde un peu le code c'est écrit où insérer les images.

@kelkun89 : Quand je disais le code d'origine c'était avec déjà les liens de tes images mis etc. il faudrait aussi que tu nous dises quelle image tu souhaites mettre en fond de widget. Wink

Arlem
+ Hyperactif +

Messages : 2550
Inscrit(e) le : 30/06/2009

Arlem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget thème du mois

Message par kelkun89 le Mer 10 Nov 2010 - 17:15

@hinus ok désole j'avais pas capter

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: 50px;}
.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 language=javascript>
 vvar counts = 5;
 img1 = new Image();
 img1.src = 'http://i20.servimg.com/u/f20/14/80/62/04/img_0013.png';
 img2 = new Image();
 img2.src = 'http://i60.servimg.com/u/f60/14/80/62/04/310.jpg';
 img3 = new Image();
 img3.src = 'http://i60.servimg.com/u/f60/14/80/62/04/110.jpg';
 img4 = new Image();
 img4.src = 'http://i60.servimg.com/u/f60/14/80/62/04/210.jpg';
 img5 = new Image();
 img5.src = 'http://i60.servimg.com/u/f60/14/80/62/04/a10.png';
 
var smallImg = new Array();
smallImg[0] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_10.gif';
smallImg[1] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_11.gif';
smallImg[2] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_12.gif';
smallImg[3] = 'http://i63.servimg.com/u/f63/11/73/76/86/index_10.gif';
smallImg[4] = 'http://i63.servimg.com/u/f63/11/73/76/86/index_11.gif';
 
url1 = 'lien de votre image 1';
url2 = 'lien de votre image 2';
url3 = 'lien de votre image 3';
url4 = 'lien de votre image 4';
url5 = 'lien de votre image 5';

alt1 = new Image();
alt1.alt = 'titre de votre image 1';
alt2 = new Image();
alt2.alt = 'titre de votre image 2';
alt3 = new Image();
alt3.alt = 'titre de votre image 3';
alt4 = new Image();
alt4.alt = 'titre de votre image 4';
alt5 = new Image();
alt5.alt = 'titre de votre image 5';
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_theme").href=url' + nn);
  eval('document.getElementById("pic").alt=alt' + nn + '.alt');
  if (nn == 1) {
  document.getElementById("url_theme").target = "_blank";
  document.getElementById("url_theme").style.cursor = "pointer";
  } else {
  document.getElementById("url_theme").target = "_blank"
  document.getElementById("url_theme").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_theme"><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();
 }
</SCRIPT>
<SCRIPT language="javascript" type="text/javascript">
 ImageShow();
</SCRIPT>


apres il faudrai que cette image la " http://i60.servimg.com/u/f60/14/80/62/04/aaa10.png " entour les diapo, que le diapo soit dans l'iphone en gros et que l'iphone soit dans les dimension de
Code:

width=200 height=400
Vu que j'ai deja regler la taille comme mon code du premier poste en gros.
Merci d'avance

kelkun89
**

Messages : 66
Inscrit(e) le : 19/10/2010

http://custom4iphone.forumgratuit.org/forum.htm
kelkun89 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget thème du mois

Message par kelkun89 le Jeu 11 Nov 2010 - 13:00

Up Snifff

je suis sur que j'ai fait une petite boulette mais le java j'y connait vraiment rien.

kelkun89
**

Messages : 66
Inscrit(e) le : 19/10/2010

http://custom4iphone.forumgratuit.org/forum.htm
kelkun89 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget thème du mois

Message par kelkun89 le Ven 12 Nov 2010 - 10:46

UP svp aidez moi

kelkun89
**

Messages : 66
Inscrit(e) le : 19/10/2010

http://custom4iphone.forumgratuit.org/forum.htm
kelkun89 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget thème du mois

Message par Arlem le Ven 12 Nov 2010 - 20:42

Tu ne m'as toujours pas passé le bon code, il manque les liens des images, du coup je ne peux pas voir quelle taille ça prend et donc comment adapter le code pour ton fond...

Arlem
+ Hyperactif +

Messages : 2550
Inscrit(e) le : 30/06/2009

Arlem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget thème du mois

Message par kelkun89 le Sam 13 Nov 2010 - 11:00

Alors la je vois pas ce que tu veux bon on va recommence loll .
Sa c'est le code d'origine
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: 50px;}
.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 language=javascript>
 var counts = 5;
 img1 = new Image();
 img1.src = 'Adresse de votre image 1';
 img2 = new Image();
 img2.src = 'Adresse de votre image 2';
 img3 = new Image();
 img3.src = 'Adresse de votre image 3';
 img4 = new Image();
 img4.src = 'Adresse de votre image 4';
 img5 = new Image();
 img5.src = 'Adresse de votre image 5';
 
var smallImg = new Array();
smallImg[0] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_10.gif';
smallImg[1] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_11.gif';
smallImg[2] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_12.gif';
smallImg[3] = 'http://i63.servimg.com/u/f63/11/73/76/86/index_10.gif';
smallImg[4] = 'http://i63.servimg.com/u/f63/11/73/76/86/index_11.gif';
 
url1 = 'lien de votre image 1';
url2 = 'lien de votre image 2';
url3 = 'lien de votre image 3';
url4 = 'lien de votre image 4';
url5 = 'lien de votre image 5';

alt1 = new Image();
alt1.alt = 'titre de votre image 1';
alt2 = new Image();
alt2.alt = 'titre de votre image 2';
alt3 = new Image();
alt3.alt = 'titre de votre image 3';
alt4 = new Image();
alt4.alt = 'titre de votre image 4';
alt5 = new Image();
alt5.alt = 'titre de votre image 5';
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_theme").href=url' + nn);
  eval('document.getElementById("pic").alt=alt' + nn + '.alt');
  if (nn == 1) {
  document.getElementById("url_theme").target = "_blank";
  document.getElementById("url_theme").style.cursor = "pointer";
  } else {
  document.getElementById("url_theme").target = "_blank"
  document.getElementById("url_theme").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_theme"><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();
 }
</SCRIPT>
<SCRIPT language="javascript" type="text/javascript">
 ImageShow();
</SCRIPT>

Apres les 5 image pour le diapo
http://i20.servimg.com/u/f20/14/80/62/04/img_0013.png
http://i60.servimg.com/u/f60/14/80/62/04/310.jpg
http://i60.servimg.com/u/f60/14/80/62/04/110.jpg
http://i60.servimg.com/u/f60/14/80/62/04/210.jpg
http://i60.servimg.com/u/f60/14/80/62/04/a10.png

Apres l'image que j'aimerai en fond dans les dimension dite plus haut
http://i60.servimg.com/u/f60/14/80/62/04/aaa10.png

La tu a tout ce que j'ai si il te manque un truc, dit moi bien ce qu'il te manque Very Happy
Merci pour ton aide

kelkun89
**

Messages : 66
Inscrit(e) le : 19/10/2010

http://custom4iphone.forumgratuit.org/forum.htm
kelkun89 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget thème du mois

Message par kelkun89 le Dim 14 Nov 2010 - 13:11

up

kelkun89
**

Messages : 66
Inscrit(e) le : 19/10/2010

http://custom4iphone.forumgratuit.org/forum.htm
kelkun89 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget thème du mois

Message par kelkun89 le Lun 15 Nov 2010 - 18:09

UPP

kelkun89
**

Messages : 66
Inscrit(e) le : 19/10/2010

http://custom4iphone.forumgratuit.org/forum.htm
kelkun89 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget thème du mois

Message par kelkun89 le Mer 17 Nov 2010 - 1:22

UP Sad

kelkun89
**

Messages : 66
Inscrit(e) le : 19/10/2010

http://custom4iphone.forumgratuit.org/forum.htm
kelkun89 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget thème du mois

Message par Arlem le Mer 17 Nov 2010 - 15:11

Salut !

Désolé pour l'attente j'étais passé totalement à côté du topic...
Pour ton soucis, remplace ton code par ça :
Code:
<style type="text/css">
.picshow { margin: 0px; z-index:445; position:relative; background-color:#ffffff; width: 100%; height: 20px;}
.picshow_main { position: relative; width: 170px; height: 400px;top: 18px;left: 41px;z-index:1;}
.picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward);width: 170px; height: 235px;position: relative;top: 50px;left: -20px;z-index:1;}
.picshow_change {position: absolute; text-align: left; bottom: -55px; height: 95px; right: 0px; left: 10px;}
.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;}
.iphone {position: relative;z-index:0; top: -250px; left: -35px;}
</style>
<SCRIPT language=javascript>
 var counts = 5;
 img1 = new Image();
 img1.src = 'http://i20.servimg.com/u/f20/14/80/62/04/img_0013.png';
 img2 = new Image();
 img2.src = 'http://i60.servimg.com/u/f60/14/80/62/04/img_0010.png';
 img3 = new Image();
 img3.src = 'http://i60.servimg.com/u/f60/14/80/62/04/heavy_10.png';
 img4 = new Image();
 img4.src = 'http://i60.servimg.com/u/f60/14/80/62/04/a10.png';
 img5 = new Image();
 img5.src = 'http://i60.servimg.com/u/f60/14/80/62/04/b10.png';
 
var smallImg = new Array();
smallImg[0] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_10.gif';
smallImg[1] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_11.gif';
smallImg[2] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_12.gif';
smallImg[3] = 'http://i63.servimg.com/u/f63/11/73/76/86/index_10.gif';
smallImg[4] = 'http://i63.servimg.com/u/f63/11/73/76/86/index_11.gif';
 
url1 = 'DIRECTION DU LIEN 1';
url2 = 'DIRECTION DU LIEN 2';
url3 = 'DIRECTION DU LIEN 3';
url4 = 'DIRECTION DU LIEN 4';
url5 = 'DIRECTION DU LIEN 5';

alt1 = new Image();
alt1.alt = 'TITRE 1';
alt2 = new Image();
alt2.alt = 'TITRE 2';
alt3 = new Image();
alt3.alt = 'TITRE 3';
alt4 = new Image();
alt4.alt = 'TITRE 4';
alt5 = new Image();
alt5.alt = 'TITRE 5';
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_theme").href=url' + nn);
  eval('document.getElementById("pic").alt=alt' + nn + '.alt');
  if (nn == 1) {
  document.getElementById("url_theme").target = "_blank";
  document.getElementById("url_theme").style.cursor = "pointer";
  } else {
  document.getElementById("url_theme").target = "_blank"
  document.getElementById("url_theme").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_theme"><img id="pic" class="imgbig" /></a></div>');
    document.write('<div class="iphone"><img src="http://i60.servimg.com/u/f60/14/80/62/04/aaa10.png" width=200 height=400/></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();
 }
</SCRIPT>
<SCRIPT language="javascript" type="text/javascript">
 ImageShow();
</SCRIPT>
Le problème venait des différents "z-index:.." que tu avais dans les propriétés CSS qui faisaient que l'image de l'iphone s'affichait au premier plan et non au second, du coup cela empêchait de cliquer sur les liens.

Arlem
+ Hyperactif +

Messages : 2550
Inscrit(e) le : 30/06/2009

Arlem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget thème du mois

Message par kelkun89 le Mer 17 Nov 2010 - 22:38

Salut j'ai essaye de changer le z-index mais sa marche toujours pas les images " diapo " et les image chiffre ne sont pas clikable Confused

kelkun89
**

Messages : 66
Inscrit(e) le : 19/10/2010

http://custom4iphone.forumgratuit.org/forum.htm
kelkun89 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget thème du mois

Message par Arlem le Jeu 18 Nov 2010 - 17:31

Tu as pris le code que je t'ai donné ? J'ai déjà remplacé ce qu'il faut normalement et ça donne ce que tu peux voir sur mon forum de test (dans la colonne de gauche) :
http://arlemtest.forum-actif.net/index.htm

Arlem
+ Hyperactif +

Messages : 2550
Inscrit(e) le : 30/06/2009

Arlem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget thème du mois

Message par kelkun89 le Jeu 18 Nov 2010 - 21:23

Bizarre je l'avais pris sa marcher pas et la je viens de ressaye et sa marche donc merci beaucoup Wink

kelkun89
**

Messages : 66
Inscrit(e) le : 19/10/2010

http://custom4iphone.forumgratuit.org/forum.htm
kelkun89 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum