Hjelp med ajax-galleri

webby1 · 25. juli 2010

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 25. juli 2010 av webby1

Jonas · 26. juli 2010

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>

Logg inn

Hjelp med ajax-galleri

Anbefalte innlegg

webby1

Lenke til kommentar

Videoannonse

Jonas

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer