Widget thème du mois

3 participants

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

Résolu Widget thème du mois

Message par kelkun89 Mar 9 Nov 2010 - 8:30

Salut tout le monde j'aurais besoin d'aide sur un script
https://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

Widget thème du mois  Ab_tif10

Merci d'avance pour votre aide


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

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 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.
avatar

Arlem
Membre actif

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 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
avatar

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 Mer 10 Nov 2010 - 15:42

UP aidez moi
avatar

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 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

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 Mer 10 Nov 2010 - 16:00

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

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 Mer 10 Nov 2010 - 16:12

Re,

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

Cordialement.
Emer.inL0ve

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 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
avatar

Arlem
Membre actif

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 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 " https://i.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
avatar

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 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.
avatar

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 Ven 12 Nov 2010 - 10:46

UP svp aidez moi
avatar

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 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...
avatar

Arlem
Membre actif

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 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
https://i.servimg.com/u/f20/14/80/62/04/img_0013.png
https://i.servimg.com/u/f60/14/80/62/04/310.jpg
https://i.servimg.com/u/f60/14/80/62/04/110.jpg
https://i.servimg.com/u/f60/14/80/62/04/210.jpg
https://i.servimg.com/u/f60/14/80/62/04/a10.png

Apres l'image que j'aimerai en fond dans les dimension dite plus haut
https://i.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
avatar

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 Dim 14 Nov 2010 - 13:11

up
avatar

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 Lun 15 Nov 2010 - 18:09

UPP
avatar

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 Mer 17 Nov 2010 - 1:22

UP Sad
avatar

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 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.
avatar

Arlem
Membre actif

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 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
avatar

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 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
avatar

Arlem
Membre actif

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 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
avatar

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

- Sujets similaires

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