Bonsoir
J'aimerais réaliser un bloc news info pour y mettre mes infos importantes comportant images et textes que j'alimenterais ensuite avec du php, comme on en voit sur tous les sites infos desormais
Je voudrais faire exactement la meme chose que ce site http://www.ozap.com/ et son bloc a la une ! J'ai essayé de recuperer le code java et nettoyer le reste mais à chaque fois ca marche plus ensuite
si quelqu'un peut m'aider
merci
la communauté d'entraide francophone dédiée au PHP
Faire un bloc news info texte avec bouton rollover
Bonjour,
Regarde dans Google il y a plein de script qui font ça après il suffit de l'adapter pour que le div 1 soit affiché par défault mais disparaît quand tu choisi de voir un autre div.
Lien Google
Regarde dans Google il y a plein de script qui font ça après il suffit de l'adapter pour que le div 1 soit affiché par défault mais disparaît quand tu choisi de voir un autre div.
Lien Google
nicolas2008
Invité n'ayant pas de compte PHPfrance
hélas non il ny en a pas pleins j'ai épuisé des centaines de pages de google, j'en ai trouvé un mais qui ne faut que la moitié de ce que je voulais faire : afficher des vignettes qui qd on les survole sagrandissent ds un div et la description avec !
Mais depuis je bloque car je veux que ces gdes images defile horizontalement ttes les 10sec par ex, ou alors se change (mais sans defilement idem au bout dun temps donné)
Jai donc trouvé ce script que j'ai adapté pour faire ce que je voulais niveaui vignettes agrandissements
Mais j'aimerais y ajouter un script de ce style le coupler à ce script precedent , mais j'ai essayé et ca ne marche pas, car le stockage des données est different ds ce scrolling et du coup plus rien ne marche meme pas qd je modifie quelques données de valeur
http://www.jejavascript.net/textdefil_ho_2.php
ou alors ce script qui change le texte toutes les 10sec mais là aussi j'ai essayé de le fusionner à mon precedent et ca ne marche pas ca fait plus rien
Mais depuis je bloque car je veux que ces gdes images defile horizontalement ttes les 10sec par ex, ou alors se change (mais sans defilement idem au bout dun temps donné)
Jai donc trouvé ce script que j'ai adapté pour faire ce que je voulais niveaui vignettes agrandissements
Code : Tout sélectionner
<!-- 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>http://www.jejavascript.net/textdefil_ho_2.php
ou alors ce script qui change le texte toutes les 10sec mais là aussi j'ai essayé de le fusionner à mon precedent et ca ne marche pas ca fait plus rien
Code : Tout sélectionner
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style>
<!--
#tickertape{
position:relative;
layer-background-color:black;
width:490;
height:10;
}
#subtickertape{
background-color:black;
position:absolute;
border: 1px solid black;
width:400;
height:12;
}
.subtickertapefont{
font:bold 10px Arial;
text-decoration:none;
color:white;
}
.subtickertapefont a{
color:white;
text-decoration:none;
}
-->
</style>
</head>
<body onload="if (document.all||document.layers) {regenerate2();update()}">
<div id="tickertape">
<div id="subtickertape" class="subtickertapefont">Chargement...</div>
</div>
<script language="JavaScript1.2">
//la vitesse par défaut est de 4,5 secondes. Vous pouvez modifier cette valeur, si désiré.
var speed=8500
var news=new Array()
news[0]="<center><a href='http://www.script-masters.com/'>Plusieurs dizaines de JavaScript à utiliser librement!</a></center>"
news[1]="<center><a href='http://www.script-masters.com/'>Tout les conseils pour réaliser votre page!</a></center>"
news[2]="<center><a href='http://www.editeurjavascript.com/partenaires/concours.php?id=fafaworld'>Des centaines de javascripts sur le moteur de l'Editeur JavaScript!</a></center>"
news[3]="<center><a href='http://www.script-masters.com/'>Vous ne savez pas éditer vos metatag? Consultez mon générateur!</a></center>"
//vous pouvez allonger ou restreindre cette liste de messages, au choix
i=0
if (document.all)
tickerobject=document.all.subtickertape.style
else
tickerobject=document.tickertape.document
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",450)
}
function update(){
BgFade(0xff,0xff,0xff, 0x00,0x00,0x00,10);
if (document.layers){
document.tickertape.document.subtickertape.document.write('<span class="subtickertapefont">'+news[i]+'</span>')
document.tickertape.document.subtickertape.document.close()
}
else
document.all.subtickertape.innerHTML=news[i]
if (i<news.length-1)
i++
else
i=0
setTimeout("update()",speed)
}
function BgFade(red1, grn1, blu1, red2,
grn2, blu2, steps) {
sred = red1; sgrn = grn1; sblu = blu1;
ered = red2; egrn = grn2; eblu = blu2;
inc = steps;
step = 0;
RunFader();
}
function RunFader() {
var epct = step/inc;
var spct = 1 - epct;
if (document.layers)
tickerobject.bgColor =
Math.floor(sred * spct + ered *
epct)*256*256 +
Math.floor(sgrn * spct + egrn * epct)*256 +
Math.floor(sblu * spct + eblu * epct);
else
tickerobject.backgroundColor=
Math.floor(sred * spct + ered *
epct)*256*256 +
Math.floor(sgrn * spct + egrn * epct)*256 +
Math.floor(sblu * spct + eblu * epct);
if ( step < inc ) {
setTimeout('RunFader()',50);
}
step++;
}
</script>
</html>