Gå til innhold

Hjelp med ajax-galleri


Anbefalte innlegg

Jeg prøver å lære meg javascript/ajax og lurte litt på når det gjelder bildegalleri. Jeg har tenkt å bruke noen bilder i en liste og når man klikker på en av bildene så skal det vise et større bilde på siden. Det jeg lurer på. Hvordan kontakter man img-koden til javascript når det er flere bilder?

 

Jeg har sett i diverse input-koder og select-koder så bruker man "onchange" og value='1'.. i option-koder.

Endret av webby1
Lenke til kommentar
Videoannonse
Annonse
Hvordan kontakter man img-koden til javascript når det er flere bilder?

Eh, say what? Jeg forsøker å gjette på hva du egentlig er ute etter.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   <head>
       <title>Javascript</title>
       <style type="text/css">
           img {
               border: 2px solid black;
           }
       </style>
       <script type="text/javascript">
           window.onload = function () {
               var images = document.getElementsByTagName('img');
               for (var i = 0; i < images.length; i++) {
                   images[i].onmouseover = function () {
                       this.style.borderColor = 'red';
                   }
                   images[i].onmouseout = function () {
                       this.style.borderColor = 'black';
                   }
               }
           }
       </script>
   </head>
   <body>
       <img src="http://www.tbwe.com/pub/categoryitems/Denise_Richards_tn.jpg" />
       <img src="http://www.tbwe.com/pub/categoryitems/Denise_Richards_tn.jpg" />
       <img src="http://www.tbwe.com/pub/categoryitems/Denise_Richards_tn.jpg" />
       <img src="http://www.tbwe.com/pub/categoryitems/Denise_Richards_tn.jpg" />
       <img src="http://www.tbwe.com/pub/categoryitems/Denise_Richards_tn.jpg" />
       <img src="http://www.tbwe.com/pub/categoryitems/Denise_Richards_tn.jpg" />
       <img src="http://www.tbwe.com/pub/categoryitems/Denise_Richards_tn.jpg" />
   </body>
</html>

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...