login  Naam:   Wachtwoord: 
Registreer je!
 Forum

lightbox en roll over images = conflict

Offline freuteken - 21/02/2011 23:45 (laatste wijziging 21/02/2011 23:47)
Avatar van freutekenNieuw lid Ik heb een probleem met lightboxen en roll over images.
ik kan ze nl niet linken.

kan iemand mij helpen;
ik heb proberen "barista" een popup van te maken.
lukt niet in men css zit er ook een aanpassing zodat dit zou moeten werk.

hier de afbeelding

http://pixol.be/pixol.png

zie hier de code.
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>portfolio</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css.css" rel="stylesheet" type="text/css">
<script type="text/JavaScript">
<!--
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];}}
}

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<link href="css.css" rel="stylesheet" type="text/css">

<body onLoad="MM_preloadImages('2D/barista.png','2D/chocolat.png','2D/dionysus.png','2D/logo_white.png','2D/labellerie.png')"><div class="logo"><img src="logo2.png"></div>


<div id="navigatie">
<div id="navcontainer">
<ul id="navlist">
<li id="active">
<a href="#" id="current">home</a></li>
<li><a href="portfolio2.html">artwork</a></li>
<UL TYPE="compact">
<LI><a href="portfolio2.html">3D</a></LI>
<LI><a href="2D.html">2D</a></LI>
</UL>
<li><a href="#">contact</a></li>
<li><a href="#">links</a></li>
</ul>
</div>
</div>
<div id="container">
<TABLE BORDER="0" CELLSPACING="5">

<TR>
<TD WIDTH="350" HEIGHT="60"><div id="foto"></a><a href="barista/ladolce_logo.jpg" rel="lightbox" title="Deze tekst komt onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','2D/barista.png',1)"><img src="2D/baristagrijs.png" name="Image11" width="350" height="80" border="0"></a></div>
</TD>
<TD WIDTH="350" HEIGHT="60"> <div id="foto"<a href="2Dpag/chocolat.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image12','','2D/chocolat.png',1)"><img src="2D/chocolatgrijs.png" name="Image12" width="350" height="80" border="0"></a>
</div>
</div>
</TD>
</TR>

<TR>
<TD HEIGHT="30" VALIGN="top"><div id="uitleg">La dolce barista</div></TD>
<TD HEIGHT="30" VALIGN="top"><div id="uitleg">Chocolat</div></TD>
</TR>

<TR>
<TD HEIGHT="40" VALIGN="top"><a href="2Dpag/dionysus.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image13','','2D/dionysus.png',1)"><img src="2D/dionysus_grijs.png" name="Image13" width="350" height="80" border="0"></a> <div id="foto"></div>
</TD>
<TD HEIGHT="40" VALIGN="top"><div id="foto"><a href="2Dpag/mountain.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image14','','2D/logo_white.png',1)"><img src="2D/logo_whitegrijs.png" name="Image14" width="350" height="80" border="0"></a></div>
</div>
</TD>
</TR>
<TR>
<TD HEIGHT="40" VALIGN="top"><div id="uitleg">Dionysus Restaurant</div></TD>
<TD HEIGHT="40" VALIGN="top"><div id="uitleg">White Mountain</div></TD>
</TR>
<TR>
<TD WIDTH="350" HEIGHT="60"> <div id="foto"><a href="2Dpag/labellerie.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','2D/labellerie.png',1)"><img src="2D/labelleriegrijs.png" name="Image8" width="350" height="80" border="0"></a></div>

</TD>
<TD WIDTH="350" HEIGHT="60"> <div id="foto"><a href="2Dpag/fruxola.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','2D/fruxola.png',0)"><img src="2D/fruxola_grijs.png" name="Image9" width="350" height="80" border="0"></a></div>
</div>
</TD>
<TR>
<TD HEIGHT="40" VALIGN="top"><div id="uitleg">Labellerie</div></TD>
<TD HEIGHT="40" VALIGN="top"><div id="uitleg">Fruxola</div></TD>
</TR>
</TABLE>

</body>
</html>

8 antwoorden

Gesponsorde links
Offline Aar - 22/02/2011 01:00 (laatste wijziging 22/02/2011 01:00)
Avatar van Aar PHP interesse En wat lukte er niet aan, en wat gebeurt er?
Wat relevante code is wel handig i.p.v. een hele lap code.
Offline freuteken - 22/02/2011 09:44
Avatar van freuteken Nieuw lid ja ik wist niet wat ik juist nodig had voor de code.
als ik de twee java scriptjes invoegde(voor rollover en voor lightbox)
sloeg het tilt, geen roll over en als ik klikte op mijn afbeelding opende hij die afbeelding
gewoon in links van boven in de brownser.

Offline WouterPSV - 22/02/2011 11:32
Avatar van WouterPSV Lid Zou je tags om je code heen kunnen zetten?? Lees even wat fijner of op plaatscode zetten?
Thnx
Offline freuteken - 22/02/2011 12:16
Avatar van freuteken Nieuw lid Eigenlijk zou ik gewoon willen weten hoe je roll-over(java) en lightbox(java) in de script tag goed zet.
Offline Aar - 22/02/2011 16:29 (laatste wijziging 22/02/2011 16:30)
Avatar van Aar PHP interesse Het is geen Java, maar JavaScript. Een aanzienlijk verschil....
Ikzelf gebruik overigens de Fancybox, die werkt naar mijn mening een stukje makkelijker.
Offline StijnC - 23/02/2011 11:44
Avatar van StijnC Nieuw lid of gebruik jQuery Ligthbox... erg handig en simpel in gebruik...
Offline freuteken - 23/02/2011 22:04
Avatar van freuteken Nieuw lid ik laat de roll over achter wege.
nu lukt dit wel met lightboxen maar bij safari toont hij men afbeelding helemaal onderaan?
hoe kan die? in Firefox is dit wel goed.
Offline StijnC - 24/02/2011 15:59
Avatar van StijnC Nieuw lid heb je css gegevens?
Dat zal ons een beter zicht geven op je werk...
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.216s