Søg
Avatar billede kalaharikid Nybegynder
30. januar 2003 - 17:03 Der er 14 kommentarer og
1 løsning

Modificering af automatisk popup window til billeder ?

Jeg har efter lang tids higen og søgen prøvet at finde et script der kan :

Ved klik på små thumbnail billeder åbne en version af samme billede i stort i et tilpasset popup vindue - Det er præcist det her : http://www.otownautos.com/listings/l0002.html

(Klik på bilen)

Men helst i en ren javascript udgave hvor f.eks Imagename bruges til at lave filnavnet (imagename + '_stor.jpg') så jeg ikke skal sidde og håndkode andet end billednavnene og funktionskaldet -

Altså ikke de sædvanlige popupscripts, ok ?

Jeg har en kode der ser ud til at komme langt derhen af - Der er bare nogle mærkelige $ tegn jeg (heller) ikke forstår :

Og den kan jeg da paste hvis der ikke lige er nogen der har de vises sten ... Nu ser vi.

MVH Kalaharikid
Avatar billede midas_dk Nybegynder
30. januar 2003 - 17:08 #1
Hm... Hvis dine billeder ikke allesammen er samme størrelse, kan det ikke gøres vha. rent javascript, idet du ikke kan hente billedstørrelser uden brug af f.eks. en ASP-komponent... Men ellers kan du sagtens gøre det der med billednavn + 'stor.jpg' ved bare at smide det "rene" billednavn med i din JS funktion. Comprende?
Avatar billede kalaharikid Nybegynder
30. januar 2003 - 17:18 #2
Har jakoba ikke lagt et autoresize-popup script ud man kunne parre med det ? Jeg vil gerne se hvordan koden skal se ud ...
Avatar billede whatever Nybegynder
30. januar 2003 - 17:41 #3
Er det sådan noget du vil have: http://www.efusion.it/exp/311521/ ??


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--
function showLargeImage(img) {
    foto = new Image();
    foto.src = (img);
    var width = foto.width + 20;
    var height = foto.height + 30;
    largeImageWindow = window.open(img,"","width=" + width + ",height=" + height);
}
//-->
</script>
</head>

<body>

<a href="#" onclick="showLargeImage('image1_stor.jpg')"><img src="image1.jpg" alt="" border="0" /></a>

<br /><br />

<a href="#" onclick="showLargeImage('image2_stor.jpg')"><img src="image2.jpg" alt="" border="0" /></a>

</body>
</html>
Avatar billede midas_dk Nybegynder
30. januar 2003 - 17:45 #4
hvad pokker, kan man det i JavaScript? *doh*
Avatar billede whatever Nybegynder
30. januar 2003 - 17:47 #5
Jeps. Der er et image-objekt i Javascript.
Avatar billede kalaharikid Nybegynder
30. januar 2003 - 19:00 #6
whatever >Den er skide tæt på - Kan det lade sig gøre at tage et navn med fra link eller image på siden og sætte det ind istedet for
image1_stor.jpg ? Jeg ved ikke helt hvordan (GetElementByID) - Eks.

<a href="#" onclick="showLargeImage(imageName +'_stor.jpg')"><img src="image1.jpg" alt="" border="0" Name="image1"></a>

Det var ikke rigtigt men kan du følge mig ?
Avatar billede whatever Nybegynder
30. januar 2003 - 20:29 #7
Hvad mener du præcist?

Er det sådan?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--
function showLargeImage(id) {
    img = id + "_stor.jpg";
    foto = new Image();
    foto.src = (img);
    var width = foto.width + 20;
    var height = foto.height + 30;
    largeImageWindow = window.open(img,"","width=" + width + ",height=" + height);
}
//-->
</script>
</head>

<body>

<a href="#" onclick="showLargeImage('image1')"><img src="image1.jpg" alt="" border="0" /></a>

<br /><br />

<a href="#" onclick="showLargeImage('image2')"><img src="image2.jpg" alt="" border="0" /></a>

</body>
</html>
Avatar billede olebole Juniormester
31. januar 2003 - 04:16 #8
<ole>

Nej, desværre er script'et temmelig langt fra det ønskede. På nettet vil det virke nogen gange - men fejle oftere.
Man kan ikke aftaste størrelsen, før billedet er fuldstændig preloaded - og det kan man ikke med sikkerhed aftaste, hvornår er sket.

Script'et vil fejle, hvis billedet ikke preloades først og der er tale om et større billede og/eller en mindre god forbindelse. Så vil script'et tro, billedet er 0*0 pixels.
Husk, når I tester, at I ikke kan regne med et billede, der allerede har været vist i browseren ... så skal I først tømme cashe'en  ;o)

/mvh
</bole>
Avatar billede mm12010 Nybegynder
31. januar 2003 - 09:40 #9
olebole >> hvilket script er det du taler om. jakoba's eller det whatever har leveret her?
Avatar billede olebole Juniormester
31. januar 2003 - 17:46 #10
whatever's ... Jeg kan ikke se nogen referencer til noget, jakoba har bidraget med ...(?)
/mvh
Avatar billede kalaharikid Nybegynder
02. februar 2003 - 12:30 #11
OK - Jeg har et script der gør links inaktive indtil siden (billederne) er fuldstændigt preloaded - Kan man splejse whatevers script med det her ? :

<html><head>
<script language="JavaScript">
<!--
var loaded = false;

function checkFirst(href) {
    if (loaded)
        return true;
    else {
        alert("The pretty piccys haven't loaded yet");
        return false;
    }
}
//--></script>
<script type="text/javascript">
<!--
function showLargeImage(id) {
    img = id + "_stor.jpg";
    foto = new Image();
    foto.src = (img);
    var width = foto.width + 20;
    var height = foto.height + 30;
    largeImageWindow = window.open(img,"","width=" + width + ",height=" + height);
}
//-->
</script>
</head>
<body onLoad="loaded = true;">
<a href="#" onClick="return checkfirst();showLargeImage('image2')"><img src="image2.jpg" alt="" border="0" /></a>
</a>
</body>
</html>
Avatar billede kalaharikid Nybegynder
02. februar 2003 - 12:55 #12
jaja, -lidt for mange / er og 2 script-blokke - men ellers ?
Avatar billede olebole Juniormester
02. februar 2003 - 18:24 #13
Ja, hvis du er indstillet på at preloade alle dine billeder først - men så er thumbnails jo overflødige. Det kommer til at tage en krig
/mvh
Avatar billede kalaharikid Nybegynder
03. februar 2003 - 17:20 #14
Jeg vil ihvertfald gerne sige mange tak for hjælpen - Whatevers script er stadig godt og hvis thumbnailen er en formindsket udgave lige i øjet - Så må jeg jo bare disponere billederne efter det !
Avatar billede olebole Juniormester
03. februar 2003 - 21:20 #15
yups .... så holder det  ;o)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
IT-JOB
Seneste spørgsmål Seneste aktivitet
I går 21:00 Libre Office Impress Af Frank i Andre styresystemer
I går 11:47 VB script Af Jenshentze i Word
I går 11:21 Popup ved opstart Af mort1 i Windows
04/0918:50 Slet lokal konto Af ErikHg i Windows
04/0916:05 Ændre tal i en celle Af xvid i Excel
White papers
Flere white papers »