Gå til innhold

Hvilken html kode ?

Lanka

Av Lanka
i Programmering og webutvikling

Anbefalte innlegg

Videoannonse

Videoannonse
Annonse
PT

PT

Skrevet
Skrevet (endret)

Kode fra enden:

//Rediger inn eventuell HTML-kode du vil ha med under
   //Dette er koden før bildet
   var f_kode = "<html><head><title>Bilde</title></head><body style=\"margin:0;padding:0;\" bgcolor=\"#687584\">";
   //Dette er koden etter bildet
   var e_kode = "</body></html>";

   //ikke rediger noe etter dette!
   var g_bilde;
   var top;
   var left;

   function picLoad() {
     if(g_bilde.width > 0 && g_bilde.height > 0) {
       top = screen.height/2-g_bilde.height/2;
       left = screen.width/2-g_bilde.width/2;
       g_bilde.onerror = null;
       g_bilde.onload = null;
       vindu = window.open('', '', 'width='+g_bilde.width+',height='+g_bilde.height+',left='+left+',top='+top);
       var kode = f_kode + "<img src=\""+g_bilde.src+"\" alt=\"\"/>" + e_kode;
       vindu.document.write(kode);
       vindu.document.close();
     }
     else {
       // Bildet kunne ikke loades, en liten hack for Opera ;)
       if(navigator.userAgent.toLowerCase().indexOf("opera") != -1) {
         picError();
       }
     }
   }

   function picError() {
     g_bilde.onerror = null;
     g_bilde.onload = null;
     vindu = window.open('', '', 'width=200,height=100');
     var kode = "<html><head><title>Bilde</title></head><body style=\"margin:0;padding:0;\">Beklager, en feil oppstod under lasting av bildet</body></html>";
     vindu.document.write(kode);
     vindu.document.close();
   }

   function popupPic(url) {
     g_bilde = new Image();
     g_bilde.onerror = picError;
     g_bilde.onload = picLoad;
     g_bilde.src = url;
   }

Det skal plasseres i head.

 

 

Du åpner bildene med

<img src="bildethumb.jpg" alt="Bilde" onclick ="popupPic('bilde.jpg')" />

Endret av PT
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å
Gå til emneliste
×
×
  • Opprett ny...