/ Forside/ Teknologi / Internet / Hjemme sider / Spørgsmål
Login
Glemt dit kodeord?
Brugernavn 

Kodeord  


Reklame
Top 10 brugere
Hjemme sider
#NavnPoint
molokyle 23766
bentjuul 7763
Klaudi 7497
BjarneD 4584
severino 4460
Manse9933 4366
disken 3947
natmaden 3885
miritdk 3593
10  refi 3578
Nem html kode til billeder
Fra : majer32
Vist : 252 gange
50 point
Dato : 05-02-04 14:51

Hej

Jeg kunne godt tænke mig at jeg kunne nøjes med at sætte en thumbnail af mit billede ind på siden, og når man så pegede på det med musen eller klikkede, så blev det vist i fuldstørrelse - uden at jeg nødvendigvis skal have lavet en seperat html side, hvor billede er i fuld størrelse. er der nogen der kan hjælpe mig? Det skal helst være almindelige html kode eller javascript. Min udbydder understøtter ikke Frontpage server extensions.

I øjeblikket laver jeg mit galleri ved at lave en side med alle thumbnailsene og derefter lave en html side med hvert billedede i fuld størrelse. Når man så klikker på thumbnailen, åbnes den anden side i eget billede. Det er noget af en langsommelig proces. Så det ville være nemmere med en kommando der bare aut. kalder billedet i fuld størrelse.

Håber der er nogen der kan hjælpe mig.

 
 
Kommentar
Fra : Guild


Dato : 05-02-04 15:03

Hej majer32
Jeg har en færdig html med kommando til 3 Thumbnail. i bredden og 5 Thumbnails i højden.
Det kræver dog at du definerer både "TN" og "Stort format". Endvidere er der mulighed for "Billed tekst" og "Alternativ tekst" ved Mouse over.

Eksempel: http://www.ryaasejladsen.dk/files/billeder/rh%202003/page_01.htm

Hva' siger du til det ?

/ PG

Kommentar
Fra : ajohansen


Dato : 05-02-04 15:05

hej her er en sætning hvor første billede er et stort billede og andet billede er et lille billede

<a href="../images/Cille/medbror.jpg"><img src="../images/Cille/medbror_small.jpg" ></a>

dvs at du skal skal have 2 af samme billede hvor det ene er feks 100x90px eller som du nu synes og det andet er normalstørrelse, og selfølgelig forskelligt filnavn.

//anne

Kommentar
Fra : majer32


Dato : 05-02-04 15:53

Til PG og ajohansen

Umiddelbart ser det ud til at være det samme i foreslår:

Det ser ud til at være sådan noget jeg kunne bruge. Som jeg læser det i koden, skal jeg bare lave Href til billedet i normal størrelse og IMG til thumnailen - det ville da være dejligt nemt.

Tak for hjælpen og et dejligt hurtigt svar - her har jeg revet mig selv i håret med on click kommandoer og alt muligt, og så er det så lige til. Jeg prøver det.

Kommentar
Fra : Guild


Dato : 05-02-04 16:11

Hej majer32
Har du lukket spørgsmålet ? Skal du have min fil ? Hvem giver du point ?
/ PG

Kommentar
Fra : BjarneD


Dato : 05-02-04 16:16

Hold da k.... hvor er du pointsyg Guild

Kommentar
Fra : Guild


Dato : 05-02-04 16:24

Til BjarneD

I det mindste skal spørgsmålet vil lukkes. Pokker med de point, men jeg tilbyder GRATIS hjælp til "majer32"
Forklar lige hvordan du har optjent næsten 7000 point ???
/ PG

Kommentar
Fra : molokyle


Dato : 05-02-04 16:37

To muligheder :

1.) Enten åbner du et nyt vindue.
2.) ..eller lader billedet vise med mouseover et sted på siden, hvor der i forvejen er plads ved at pre-loade billedet i en pixel.


ad 1.) :

Kode
<html>
<script language = javascript>
function image_open(image_loc,img)
{
HTML = "<html><style>body{margin:0px 0px 0px 0px}</style><body onBlur='top.close()'><img src='"+ image_loc +"' border='0' name='load_image' onLoad='window.resizeTo(document.load_image.width+10,document.load_image.height+30)'></body></html>";
popupImage = window.open('','_blank','toolbar=no,scrollbars=no');
popupImage.document.open();
popupImage.document.write(HTML);
popupImage.document.close();
obj_img = document.getElementById(img);
obj_img.src= obj_img.src;
}
</script>
<body>
<a href="JavaScript:image_open('dit_billede.jpg','img1')"><img src="dit lille_billede.jpg" border="0" id="img1"></a>
</body>
</html>


ad 2.) :

Kode
<html>
<head>
<script language="javascript">
var imageName = "swapImage";
var oldSrc = null;
function imgOver(newSrc) {
oldSrc = document.images[imageName].src;
document.images[imageName].src = newSrc;
}
function imgOut() {
document.images[imageName].src = oldSrc;
oldSrc = null;
}
</script>
</head>
<body>
<p>
Kør musen over et tekstlink :
<a href="#" onmouseover="imgOver('BILLEDE1.gif')" onmouseout="imgOut()">Et</a>
<a href="#" onmouseover="imgOver('BILLEDE2.gif')" onmouseout="imgOut()">To</a>
</p>
<div style="position:absolute;top=100px;left=100px;">
<img name="swapImage" src="pixel.gif" width="100" height="100">
</div>
</body>
</html>


</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 05-02-04 16:40

Ps. i ; ad 2.) kan du lave pixel.gif (et *.gif billede der fylder 1 pixel) som en transparent GIF89a eller blot benytte en pixel i samme farve som baggrunden

</MOLOKYLE>

Kommentar
Fra : Dennis85


Dato : 05-02-04 16:40

Der findes osse programmer til den slags..
F.eks. Thumbnail Creator ( http://www.express-soft.com/etc/ )
Web Gallery Creator ( http://www.hnm-freeware.com/WebGallery/index.html )
osv osv...

\\-> Dennis

Kommentar
Fra : molokyle


Dato : 05-02-04 16:44

Ps. der er en lille nem HTML kode der fungerer ved mouseover, men så 'kommer' billedet frem, der hvor dit link er :

Kode
<img src="BILLEDE_A.gif" onmouseover="this.src='BILLEDE_B.gif'" onmouseout="this.src='BILLEDE_A.gif'">


BILLEDE_A.gif er din thumbnail. BILLEDE_B.gif 'det store'.

Keep it simple...

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 05-02-04 16:46

Pokker ...kandu.dk laver kludder :

<img src="BILLEDE_A.gif" onmouseover="this.src='BILLEDE_B.gif'" onmouseout="this.src='BILLEDE_A.gif'">

..sådan

BILLEDE_A.gif er din thumbnail. BILLEDE_B.gif 'det store'.

</MOLOKYLE>

Kommentar
Fra : BjarneD


Dato : 05-02-04 16:46

Guild>>

Kommentar
Fra : molokyle


Dato : 05-02-04 16:53

Guild -> http://www.kandu.dk/dk/Userhist.asp?uid=133922 og mine ser du ved at klikke på 'molokyle' over denne kommentar og så klikke på min 'historik' et stykke nede, lidt ude til højre !

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 05-02-04 17:05

Et klik væk : http://kandu.dk/dk/Userhist.asp?uid=81351 ..hvis du skulle være i tvivl om hvor pointerne stammer fra

</MOLOKYLE>

Kommentar
Fra : BjarneD


Dato : 05-02-04 17:08

>>>Molo>>>Var det ikke nemmere at skrive ved hårdt slid for os begge??

Kommentar
Fra : Guild


Dato : 05-02-04 17:37

Til Molokyle
Jeg spurgte ikke hvor dine point kom fra ! Men jeg spurgte til BjarneD's point. Never mind, jeg skal nok bare acceptere sproget her i forum.
Med venlig hilsen
Nybegynderen / PG

Kommentar
Fra : molokyle


Dato : 05-02-04 18:28

Guild -> Tipper-topper for mig; slap af og velkommen på Kandu.dk

majer32 -> Kan du komme videre herfra?

</MOLOKYLE>

Kommentar
Fra : ajohansen


Dato : 05-02-04 18:34

MOLOKYLE
har du testet koden selv? når jeg prøver ad)2 forsvinder billedet ved klik dukker det store billede op

//anne

Kommentar
Fra : ajohansen


Dato : 05-02-04 18:38

ja OK billedet forsvinder ved onmouseover

//anne

Kommentar
Fra : molokyle


Dato : 05-02-04 19:00

ajohansen -> Sært...? ..for det virker hos mig

Husk at CSS'en bestemmer, hvor omtalte effekt skal vises

<div style="position:absolute;top=100px;left=100px;"> ... </div>

</MOLOKYLE>

Kommentar
Fra : Guild


Dato : 05-02-04 22:56

Til majer32
Dit spørgsmål var oprindeligt:
"Jeg kunne godt tænke mig at jeg kunne nøjes med at sætte en thumbnail af mit billede ind på siden, og når man så pegede på det med musen eller klikkede, så blev det vist i fuldstørrelse ......"

Nedenstående en sekvens af "foto 2003" i fuldstørrelse og "TN-2003" er samme i thumbnail. ALT er tekst når der er "mouse-over" og BR er din tekst under foto.

<TD ALIGN=CENTER VALIGN=BOTTOM><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><A HREF="2003.JPG"><IMG SRC="TN-2003.JPG" ALT="2003.JPG"><BR>Tekst under foto</A></FONT></TD>

Denne skal naturligvis tilpasses siden generelt, men sekvensen styrer altså 4 funktioner, og ikke "kun" 2, som i dit spørgsmål.
Good luck !
/ PG

Kommentar
Fra : ajohansen


Dato : 05-02-04 23:11

Guild hvor ny er du i html?
det er altså ikke de vise sten du har fundet det er ganske enkelt en tabel hvori der i forskellige celler er sat billeder ind som på http://www.asjohansen.dk/bonzo/foto_af_bonzo.htm, her står teksten bare i en celle, og der kommer også en tekst når musen er over. Og <br> er ikke teksten det betyder at der er et linieskift

//anne

Kommentar
Fra : ajohansen


Dato : 05-02-04 23:15

dette link er bedre (er ved at lave siden om)

http://www.asjohansen.dk/nytsite/Cille/foto.htm

//anne


Kommentar
Fra : Guild


Dato : 05-02-04 23:48

ajohansen !
Om br eller BR betyder det ene eller det andet er vel helt uden betydning .. men min sekvens besvarer det stillede spørgsmål fra majer 32. At tråden så forsøger noget andet er ok .. MEN mit svar løser (måske) det oprindelige spørgsmål !
Jeg er ikke "ny" .. for jeg er slet ikke startet endnu .. men "skidtet" virker .. jeg ved ikke hvorfor .. men jeg bruger det gang efter gang, efter gang .. og det bliver med ved at virke .. er det ikke fantastisk ?
/PG

Kommentar
Fra : BjarneD


Dato : 05-02-04 23:55

Kære PG, mon ikke du skal stikke den berømte finger i jorden før du fuser frem med dine webskabelon koncepter, Der er mange meget dygtige folk der deltager her på Kandu og du stiler tydeligvis stadig efter, at være den der "vinder". Det er ingen konkurrence selv om Kandu teamet udlodder en månedlig præmie. Vis lige lidt respekt for dem der seriøst forsøger at HJÆLPE

Kommentar
Fra : Guild


Dato : 05-02-04 23:57

ajohansen
Det er garanteret nogle dejlige hunde du/I har, men jeg ser ikke den helt store forskel på din hjemmeside og min hjemmeside som jeg henviste til kolkken 15:03.
/PG

Kommentar
Fra : Guild


Dato : 06-02-04 00:04

Kære BjarneD
For 3. gang idag: Jeg er komplet ligeglad med points ! Præmier ! og andet .. men jeg FORSØGER at besvare det STILLEDE spørgsmål .. altså at hjælpe, og hvis du mener noget andet, så må jeg acceptere dét. Jeg stillede tidligere et DIREKTE spørgsmål til dig, men det "fintede" du helt uden om ! Godt ord igen.
/PG

Kommentar
Fra : BjarneD


Dato : 06-02-04 00:10

Hvis du vil stille spørgsmål til mig Guild så må du oprette et, og jeg giver ikke meget for din uskyldige hjælpsomhed når du giver dig til at diskutere med A.Johansen der har været med her noget længere end dig.
Desuden antydede dit spørgsmål at der kunne være tvivl om hvorda jeg får point,og det har du ingen forudsætninger for at spørge om.
Tag nu lige og følg lidt med i hvordan det foregår her i stedet for at genere både spørgere og svarere med dine barnlige forsøg på at få ret.


Kommentar
Fra : Guild


Dato : 06-02-04 00:25

Til BjarneD
Nej, jeg antydede ikke .. men stillede et DIREKTE spørgsmål. Men du og "Molokyle" besvarer åbentbart hinandens spørgsmål.
/PG

Kommentar
Fra : BjarneD


Dato : 06-02-04 00:29

Spørgsmål stilles ikke i andres spørgsmål.
Man finder en kategori og stiller et spørgsmål der.

Kommentar
Fra : majer32


Dato : 06-02-04 09:44

OK jeg har ikke prøvet det her før - så er der nogen der kan fortælle mig hvordan jeg lukker denne diskussion? Det er vist ved at løbe lidt over gevind og off track.

Men tak for hjælpen - alle sammen!

Kommentar
Fra : molokyle


Dato : 06-02-04 09:53

Gulid -> Prøv nu lige denne kode [Dato : 05-02-04 16:46] og se om ikke den er 'smartere' end din og forklar mig så lige hvori det smarte ved din kode ligger

Citat
Jeg kunne godt tænke mig at jeg kunne nøjes med at sætte en thumbnail af mit billede ind på siden, og når man så pegede på det med musen eller klikkede...

Samt..

Så det ville være nemmere med en kommando der bare aut. kalder billedet i fuld størrelse.


..var kernen i majer32's spørgsmål. Læg lige mærke til at majer32 primært går efter en mouseover kode ELLER en klik-på-link kode og majer32 efterlyser automatik i EN kommando !!! Hvor er din ENE kommando? Hvor er automatikken i din kode?

<img src="BILLEDE_A.gif" onmouseover="this.src='BILLEDE_B.gif'" onmouseout="this.src='BILLEDE_A.gif'">

.. ER lettest

..og automatisk. Der skal ikke klikkes, blot peges

Ps. Jeg besvarer gerne BjarneD's spørgsmål og dine for den sags skyld... I det lønlige håb, I engang kan hjælpe mig med mine spørgsmål.

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 06-02-04 09:57

majer32 -> Du vælger : ACCEPTER SOM SVAR oppe til højre ved den kommentar du synes hjalp dig bedst på vej :>-----^

Det var lidt synd at der gik så meget disputs i dit spørgsmål. Undskyld på alle's vegne

...og Hjertelig velkommen på kandu.dk majer32

Happy coding....

</MOLOKYLE>

Kommentar
Fra : BjarneD


Dato : 06-02-04 11:27

Jeg undskylder også. Jeg skulle ikke have blandet mig,men jeg blev bare så irriteret.

Mvh
Bjarne

Kommentar
Fra : ajohansen


Dato : 06-02-04 12:09

Guild >> jeg prøvede bare at fortælle dig lidt om <HTML>, men hvis du ikke er interesseret i at lære så er det jo dit problem, men der er altså flere løsninger pr problem.

//anne

Kommentar
Fra : molokyle


Dato : 04-07-04 13:00

Anybody home ? I'm gone ...forever </MOLOKYLE>

Du har følgende muligheder
Dette spørgsmål er blevet annulleret, det er derfor ikke muligt for at tilføje flere kommentarer.
Søg
Reklame
Statistik
Spørgsmål : 173637
Tips : 31664
Nyheder : 719565
Indlæg : 6383621
Brugere : 218258

Månedens bedste
Årets bedste
Sidste års bedste