Voilà le résultat :
http://www.blcommunication.fr/portfolio_nbl/galerie+menu/indexx.html
Merci Julien en effet il semblerait que ce soit la fonction "on load" de mon menu qui soit écrasé par celle de la galerie... Tu confirmes ce que je pensais.
Il n'y a que les boutons "précédent" et "suivant" qui fonctionne.
Je n'ai plus le courage de chercher ce soir 1h12, j'espère pouvoir trouver la solution tout seul. Cependant si quelqu'un avait la gentillesse de bien vouloir m'expliquer ça m'éviterais d'avoir à assimiler le java script j'ai déjà assez de mal avec le CSS et le HTML, comme ça.
http://www.bl-communication.fr/portfolio_nbl/galerie+menu/menu.js
<!--
window.onload=function(){dynMenu("menu",5000)}
//active la feuille de style dynamique
document.getElementsByTagName("link")[0].href="menu.css"
dynMenu = function(idMenu,delai) {planq=0;
mu=document.getElementById(idMenu);
dls = mu.getElementsByTagName("dl");
dds = mu.getElementsByTagName("dd");
if(dds){
for(var i=0;i<dls.length;i++) {
dls[i].onmouseover=dls[i].onfocus=function(){
clearTimeout(planq);
smenu=this.getElementsByTagName("dd")[0]
if(smenu){cachetout();smenu.style.display="block"}
}
dls[i].onmouseout=function(){
if(delai)planq=setTimeout('cachetout()',delai);
}
}
}
document.onclick=cachetout;
}
function cachetout(){for(var j=0;j<dds.length;j++)dds[j].style.display="none";}
//-->
http://www.bl-communication.fr/portfolio_nbl/galerie+menu/script.js
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
/*
Gradual-Highlight Image Script II-
By J. Mark Birenbaum (birenbau@ugrad.cs.ualberta.ca)
Permission granted to Dynamicdrive.com to feature script in archive
For full source to script, visit http://dynamicdrive.com
*/
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
/* object - image to be faded (actual object, not name);
* destop - destination transparency level (ie 80, for mostly solid)
* rate - time in milliseconds between trasparency changes (best under 100)
* delta - amount of change each time (ie 5, for 5% change in transparency)
*/
function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
if (object != "[object]"){ //do this so I can take a string too
setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
return;
}
clearTimeout(nereidFadeTimers[object.sourceIndex]);
diff = destOp-object.filters.alpha.opacity;
direction = 1;
if (object.filters.alpha.opacity > destOp){
direction = -1;
}
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;
if (object.filters.alpha.opacity != destOp){
nereidFadeObjects[object.sourceIndex]=object;
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
}
}
/***********************************************
* Image Thumbnail Viewer II script- � Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
//Specify image paths and optional link (set link to "" for no link):
var dynimages=new Array()
dynimages[0]=["images/WD1.jpg", "#"]
dynimages[1]=["images/WD2.jpg", ""]
dynimages[2]=["WD3.jpg", ""]
dynimages[3]=["WD4.jpg", ""]
dynimages[4]=["WD5.jpg", ""]
dynimages[5]=["WD6.jpg", ""]
dynimages[6]=["WD7.jpg", ""]
dynimages[7]=["WD8.jpg", ""]
dynimages[8]=["WD9.jpg", ""]
dynimages[9]=["WD10.jpg", ""]
dynimages[10]=["WD11.jpg", ""]
dynimages[11]=["WD12.jpg", ""]
//Preload images ("yes" or "no"):
var preloadimg="yes"
//Set optional link target to be added to all images with a link:
var optlinktarget=""
//Set image border width
var imgborderwidth=0
//Optionally, change 1.0 and 0.7 below to affect Wipe gradient size and duration in seconds in IE5.5+:
var filterstring="progid:DXImageTransform.Microsoft.Fade(Duration=0.7)"
///////No need to edit beyond here/////
//Starting here is the modification that John made for me to allow forward and back buttons
function findLoaded(){
if(typeof document.getElementById('dynloadarea').getElementsByTagName('img')[0]!=='undefined'){
var theImg = document.getElementById('dynloadarea').getElementsByTagName('img')[0].src
for (var i_tem = 0; i_tem < dynimages.length; i_tem++)
if (theImg.indexOf(dynimages[i_tem][0])>-1)
return i_tem
}
else
return -1
}
function nextImg(){
if (findLoaded()<dynimages.length-1)
modifyimage('dynloadarea', findLoaded()+1)
else
modifyimage('dynloadarea', 0)
}
function previousImg(){
if (findLoaded()>0)
modifyimage('dynloadarea', findLoaded()-1)
else
modifyimage('dynloadarea', dynimages.length-1)
}
//End of forward and back modification
if (preloadimg=="yes"){
for (x=0; x<dynimages.length; x++){
var myimage=new Image()
myimage.src=dynimages[x][0]
}
}
function returnimgcode(theimg){
var imghtml=""
if (theimg[1]!="")
imghtml='<a href="'+theimg[1]+'" target="'+optlinktarget+'">'
imghtml+='<img src="'+theimg[0]+'" border="'+imgborderwidth+'">'
if (theimg[1]!="")
imghtml+='</a>'
return imghtml
}
function modifyimage(loadarea, imgindex){
if (document.getElementById){
var imgobj=document.getElementById(loadarea)
if (imgobj.filters && window.createPopup){
imgobj.style.filter=filterstring
imgobj.filters[0].Apply()
}
imgobj.innerHTML=returnimgcode(dynimages[imgindex])
if (imgobj.filters && window.createPopup)
imgobj.filters[0].Play()
return false
}
}
Pour ce qui est des placements ne vous inquiétez pas je commence à comprendre le CSS et j'en viendrais bientôt à bout c'est juste une question de temps et de balises imbriquées.
a écrit :
Enfim, boa noite pra todo mundo
[/i][/i][/i][/i][/i]
Modifié par inkobl (08 Feb 2007 - 01:55)