Thumbnails?

19 mars, 2003

Jag vill göra thumbnails, så att när man klickar på dem så kommer dem upp på en ny sida som är exakt så stor som bilden är... och den nya sidan ska ha en stäng knapp... Någon som har en aning om hur detta ska gå till???

Tack!

19 mars, 2003

Här får du två exempel som jag justerat och anpassat då denna fråga kommer upp då och då, ett med bildpopup (överst) samt ett med mouseover (nedre)

Först själva huvudsidan varifrån du öppnar bildlänken. Du kan ange storlek och position m.m.

<HTML>

<HEAD>

<TITLE>POPUP</TITLE>

function popup(url,width,height){

if (parseInt(navigator.appVersion) >= 3){

if (navigator.appname == "Netscape"&&parseInt(navigator.appVersion)<5){

var tools = new packages.java.awt.toolkit.getdefaulttoolkit();

screen=tools.getscreensize();

}

x = screen.width;

y = screen.height;

}

window.open(url,"popup","top=" + parseInt(y/2-height/2-4) + ",left=" + parseInt(x/2-width/2-4) + ",width=" + width + ",height=" + height);

}

</script>

</HEAD>

<a href="#" onMouseOver="popup('dinbild.htm',300,300); return false;">Bildlänken</a>

</BODY>

</HTML>

Nedan koden till popupsidan där du lägger din bild som bakgrund. Stängs automatiskt efter vald tid (i detta fall 6 sek)

eller man stänger själv.

<HTML>

<HEAD>

<TITLE>popup</TITLE>

<!-- Göm skriptet

var tiden = 6000;

tid = null;

function slutIgen(){

tid = setTimeout("self.close()",6000);

}

// Sluta gömma -->

</SCRIPT>

</BODY>

</HTML>

-------------------------------------------------------

Inget popup-ulbum visserligen, men bättre än så!

<html>

<head><title>Mina Bilder</title>

</HEAD>

<!-- begin

if(document.images){

img1=new Image();

img2=new Image();

img3=new Image();

img4=new Image();

img5=new Image();

img6=new Image();

img7=new Image();

img8=new Image();

img9=new Image();

img10=new Image();

img1.src="001.jpg";

img2.src="002.jpg";

img3.src="003.jpg";

img4.src="004.jpg";

img5.src="005.jpg";

img6.src="006.jpg";

img7.src="007.jpg";

img8.src="008.jpg";

img9.src="009.jpg";

img10.src="010.jpg";

}

else{}

//end-->

</script>

</head>

</TD>

<!--

Vill du ha tumbnailen till vänster i stället så lägg första td-taggen direkt efter </TABLE-taggen>

Då får du oskså ändra länkens placering.

-->

</table>

<A HREF=nästa_tio_bilder.htm>Flera bilder > > ></A>

</body>

</html>

Logga in

Thumbnails?

Rekommendera Poster

Fletch

Länk till kommentar

Dela på andra webbplatser

BoEriksson

Länk till kommentar

Dela på andra webbplatser

Arkiverat

Vem är online 0 Medlemmar, 0 anonym, 38 gäster (Visa hela listan)

Populära medlemmar

Publika meddelanden

Senaste som Tittar

Senaste inlägg

Forum

Aktivitet

pcforalla.se