|
|
 | Nem html kode til billeder
Fra :  majer32 | Vist : 275 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 : 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 : Dennis85 |
Dato : 05-02-04 16:40 |
| | |
| 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 : molokyle |
Dato : 05-02-04 16:53 |
| | |
| Kommentar
Fra : molokyle |
Dato : 05-02-04 17:05 |
| | |
| 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 : 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 : 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 |
| | |
| 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 : 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 : 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
| |
 | Du har følgende muligheder | |
|
Dette spørgsmål er blevet annulleret, det er derfor ikke muligt for at tilføje flere kommentarer.
| |
|
|