login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Onderschrift bij mouseover

Offline Bram - 27/12/2007 18:03
Avatar van BramHTML interesse Ik ben bezig met een soort fotoalbum. Nu zit ik met een klein probleempje. Als ik over de thumbnail ga krijg ik wel de foto te zien eronder in het groot, maar daar wil ik eigenlijk een onderschrift bij hebben. Wie kan mij hierbij helpen?

Dit is het script dat ik gebruik:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. function MM_swapImgRestore() { //v3.0
  2.   var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
  3. }
  4.  
  5. function MM_findObj(n, d) { //v4.01
  6.   var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
  7.     d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  8.   if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  9.   for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  10.   if(!x && d.getElementById) x=d.getElementById(n); return x;
  11. }
  12.  
  13. function MM_swapImage() { //v3.0
  14.   var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  15.    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
  16. }
  17.  
  18. function MM_preloadImages() { //v3.0
  19.   var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  20.     var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  21.     if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
  22. }


Ik roep de afbeeldingen vervolgens zo aan:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <ul id="previewmenu">
  2. 	<li><img src="rondleiding/thumbs/gebouw01.jpg" alt="gebouw01" onMouseOver="MM_swapImage('centrum','','rondleiding/gebouw01.jpg',0)" /></li>
  3. 	<li><img src="rondleiding/thumbs/gebouw02.jpg" alt="gebouw02" onMouseOver="MM_swapImage('centrum','','rondleiding/gebouw02.jpg',0)" /></li>
  4.  
  5. 	<li><img src="rondleiding/thumbs/gebouw03.jpg" alt="gebouw03" onMouseOver="MM_swapImage('centrum','','rondleiding/gebouw03.jpg',0)" /></li>
  6. 	<li><img src="rondleiding/thumbs/gebouw04.jpg" alt="gebouw04" onMouseOver="MM_swapImage('centrum','','rondleiding/gebouw04.jpg',0)" /></li>
  7. 	<li><img src="rondleiding/thumbs/gebouw05.jpg" alt="gebouw05" onMouseOver="MM_swapImage('centrum','','rondleiding/gebouw05.jpg',0)" /></li>
  8.   </ul>
  9.  
  10.   <div id="display">
  11.     <img src="rondleiding/gebouw01.jpg" alt="" name="centrum" id="centrum" />
  12.   </div>

0 antwoorden

Gesponsorde links
Er zijn nog geen reacties op dit bericht.
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.162s