La communauté ALL HTML c'est 58423 membres à ce jour dont 3 inscrits aujourd'hui et 28 depuis une semaine.

  • imprimer
  • aide

Forum de discussions « Javascript - DHTML - VBScript »

Retrouvez les publications relatives à ces discussions dans notre rubrique javascript.

Modifier un rollover et le passer en auto

liste des forums liste des discussions Participer à la discussion

Photo de ndobra Message publié le jeudi 17 juillet 2008 à 19 h 18 par ndobra.
Bonjour apres 2jours de recherche j'ai enfin trouvé ce que je voulais comme rollover mais je voudrais y modifier 2choses

_ A la place de la phrase Ta phrase Ici qui saffiche en premier, je voudrais que ce soit direct la 1ere image (precision je vais passer le truc en php ensuite dc cest pour ca que je ne peux pas direct mettre la vignette 1 en dur )

_ 2e chose, que ces 3vignettes saffichent en gd toutes les 10sec par ex automatiquement en bas avec leur texte qui va avec , et que lon puisse également toujours les voir qd on survole

merci de votre aide car j'ai essayé de bidouiller et j'ai pas reussi je ny connais pas gd chose en javascript





<!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">

/******
DEFINITION DES VARIABLE DU SCRIPT
******/
nb_photo_ligne = 3;
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]= 'ima'
ejs_vignet[0]= 'img1petit.jpg'
ejs_big[0]= 'img1Grand.jpg'
ejs_des[1]= 'imag'
ejs_vignet[1]= 'img2petit.jpg'
ejs_big[1]= 'img2Grand.jpg'
ejs_des[2]= 'image'
ejs_vignet[2]= 'image/tbr1.gif'
ejs_big[2]= 'image/tbr1.gif'


/******
FONCTION POUR CHANGER LES PHOTOS
******/
function ChageImage(num)
{
if(document.getElementById)
document.getElementById("ejs_dyn_img").innerHTML = '<IMG SRC="'+ejs_big[num]+'" BORDER=0 HSPACE=5 VSPACE=5 ALT="Cliquez ici pour faire disparaitre"><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 = "Ta phrase Ici";
}

/******
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('<IMG SRC="'+ejs_vignet[a]+'"width="120" height="98" HSPACE=5 VSPACE=5 ALT="Cliquez ici pour voir en grand" BORDER=0 onMouseover="javascript:ChageImage('+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>Ta phrase Ici</DIV></TD></TR></TABLE>');
</SCRIPT>
Photo de ndobra Message publié le samedi 19 juillet 2008 à 15 h 49 par ndobra.
Jai reussi le 1er pt mais pas le second, si quelqu'un peut maider ce serait sympa merci
Photo de ndobra Message publié le samedi 26 juillet 2008 à 02 h 10 par ndobra.
personne pour m'aider à mettre ce div en rotatif svp jen ai vraiment besoin

merci
Photo de sprayart Message publié le samedi 26 juillet 2008 à 10 h 32 par sprayart.
Bonjour,
une petite remarque: si tu affiches automatiquement toutes les 10 secondes ET au survol je te conseille de les afficher à des endroits différents car cela risque de mélanger les images à l'affichage et de troubler l'utilisateur.
Pour ton affichage il faut utiliser la fonction settimer qui te permet d'executer une fonction toutes les x millisecondes et pour ton cas , avec un compteur , d'afficher une image l'une après l'autre (tu peux trouver plein d'exemples d'utilisation).
A+ Bon courage
Photo de ndobra Message publié le samedi 26 juillet 2008 à 16 h 50 par ndobra.
merci de ta reponse
Le pb cest que j'en ai vu des exemples pour afficher des images lune apres lautre (sauf que la ya le texte qui va avec aussi) mais pour le mixer à ce code de depart je ny suis jamais arrivé. jvais faire des recherches sur ce setimer.
Photo de sprayart Message publié le samedi 26 juillet 2008 à 20 h 14 par sprayart.
Bonsoir,
tu as un array pour les images il suffit d'en mettre un pour les textes et le tour est joué (presque). A+
Photo de ndobra Message publié le jeudi 31 juillet 2008 à 19 h 03 par ndobra.
non car le code trouvé pour ces rollovers est specialement concu pour les images et a par celui ci dessus impossible den trouver dautres helas


La pour le rotatif jai trouvé CE CODE mais jarrive pas à le mixer à celui ci dessus, car les parametres ne correspondent pas si quelqu'un peut maider ce serait sympa


<script language="JavaScript">

<!--Javascript issu de Script Masters-->
<!-- http://www.script-masters.com/-->

var beforeMsg = "<center>";//Vous pouvez ici modifier la police ou bien encore ajouter un lien
var afterMsg = "</center>";//fermer ici les balises ouverte dans la precedente variable

var msgRotateSpeed = 5000; // Temps entre chaque message

/*
Ajoutez ici les textes qui défileront
*/
var ejs_des = new Array();
ejs_des[0] = " <h3>Des photos ou des infos?</h3>";
ejs_des[1] = "a me faire parvenir?";
ejs_des[2] = "contactez moi!";

if (document.layers) {
document.write('<ilayer id="NS4message" height=25 width=100%><layer id="NS4message2" height=25 width=100%></layer></ilayer>')
temp = 'document.NS4message.document.NS4message2.document.write(beforeMsg + ejs_des + afterMsg);'+
'document.NS4message.document.NS4message2.document.close()';
}
else if (document.getElementById) {
document.write(beforeMsg + '<div id="message" style="position:relative;"></div>' + afterMsg);
temp = 'document.getElementById("message").innerHTML = ejs_des;';
}
else if (document.all) {
document.write(beforeMsg + '<div id="message" style="position:relative;"></div>' + afterMsg);
temp = 'message.innerHTML = ejs_des;';
}

var i = 0;

function msgRotate() {
eval(temp);
if (i == ejs_des.length) i = 0;
setTimeout("msgRotate()", msgRotateSpeed);
}

window.onload = msgRotate;

</script>

liste des forums liste des discussions Participer à la discussion

Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.

ACCÉS COMMUNAUTÉ

Rejoignez ALL HTML

Publiez vos articles, actualités, communiqués ... Donnez votre avis, partagez votre réseau, rencontrez d'autres membres et participez à la vie de la communauté.

Les 5 dernières discussions