|
|
 | Museklik på billede_1.jpg så det bliver ~
Fra :  MonieJacobsen | Vist : 412 gange
100 point
Dato : 17-05-04 21:51 |
|
Har 1 billeder af format billede_1.jpg
Hvordan fås ved museklik på det lille billede_1.jpg så det bliver f.eks 50% størrer og ved nyt museklik
bliver billedet størrelse igen som start?
Har du et HTML-kode eksempel?
Det må også gerne værer med 2 billeder, hvor det ene bare er størrer, men ellers er det samme billedemotiv.
| |
 | Kommentar
Fra : ellebye  |
Dato : 17-05-04 23:01 |
| | |
| Kommentar
Fra : ellebye |
Dato : 17-05-04 23:02 |
| | |
 | Kommentar
Fra : bentjuul  |
Dato : 17-05-04 23:51 |
|
Her er koden til det lille billede som linker til det større:
Kode
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div align="center">
<p><a href="Untitled-1.htm" target="_parent"><img src="image/capri_small.jpg" width="120" height="82" border="0"></a></p>
<p>Lille billede</p>
</div>
</body>
</html> |
og her er koden til billedet som ovenstående linker til
Kode
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div align="center">
<p><img src="image/capri.JPG" width="390" height="268"></p>
<p>Stort billede</p>
</div>
</body>
</html> |
Du skal bare sætte dit eget billednavn ind der hvor der står "image/capri_small.jpg" og image/capri.JPG og så ændre til de størrelser dine to billeder har.
//bentjuul
| |
| Kommentar
Fra : bentjuul |
Dato : 18-05-04 00:28 |
|
Du får lige koden igen, da jeg ser du vil linke tilbage til det lille billede: Først siden med det lille billede der linker til siden med det store billede:
Kode
<html>
<head>
<title>Untitled-3.htm</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div align="center">
<p><a href="Untitled-1.htm" target="_parent"><img src="image/capri_small.jpg" width="120" height="82" border="0"></a></p>
<p>Lille billede</p>
</div>
</body>
</html> |
og så siden med det store billede der linker tilbage til siden med det lille billede:
Kode
<html>
<head>
<title>Untitled-1.htm</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div align="center">
<p><a href="Untitled-3.htm" target="_parent"><img src="image/capri.JPG" width="390" height="268" border="0"></a></p>
<p>Stort billede</p>
</div>
</body>
</html> |
//bentjuul
| |
|
Hej bentjuul
Jeg er først lige nu komme på. Kandus.dk har været nede :(
Vil lige afprøve dine forslag først.
Vender tilbage senerer!
Mvh
Monie Jacobsen
| |
|
Hej bentjuul
Nå får jeg 2 billeder et lille og et stort billede samtidigt.
Midt ønske var, at når der klikkes på det lille billede blev det f.eks 50% størrer og ved igen,
at klikke på det nu store billede bliver det lille igen.
Har medbrakt HTML-koderne, så du kan se hvad jeg har forsøgt mig med.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Ny side 1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div align="center">
<p><a href="#" target="_parent">
<img src="file:///C:/Documents%20and%20Settings/Monie/Dokumenter/Mine%20websteder/images/sol.gif" width="148" height="139" border="0"></a></p>
<p>Lille billede</p>
</div>
<div align="center">
<p><a href="#" target="_parent">
<img src="file:///C:/Documents%20and%20Settings/Monie/Dokumenter/Mine%20websteder/images/sol.gif" width="430" height="399" border="0"></a></p>
<p>Stort billede</p>
</div>
</div>
</body>
</html>
| |
| Kommentar
Fra : bentjuul |
Dato : 18-05-04 19:40 |
|
Hej Monie
Det er sådan jeg selv plejer at lave den slags og jeg laver altid billederne i den størrelse de skal vises, jeg syntes det giver det bedste resultat, men du kan da bare sætte det samme billede ind i begge koder på de 2 html sider. Prøv de to sider jeg har lavet og sæt det samme billede ind i de to siders koder, så virker det som du ønsker. D.v.s fra lille billede til stort og tilbage til det lille billede.
//bentjuul
| |
| Kommentar
Fra : bentjuul |
Dato : 18-05-04 19:44 |
|
PS. husk du skal lave det som to html sider som jeg har vist i mit eksempel men du kan sagtens bruge samme billede.
//bentjuul
| |
| Kommentar
Fra : bentjuul |
Dato : 18-05-04 20:29 |
|
Hej igen
Jeg har lagt koden op her http://www.capricornus.dk jeg går ud fra at det er sådan du vil have det skal virke. Det er den samme kode jeg har lagt til dig.
//bentjuul
| |
|
Hej bentjuul
Dit virker fint.
Jeg havde lave det på en side.
Havde lavet en fejl og med at oprette det på 2 sider.
Og dit link til, at vise koderne virker fint.
Mange tak, du få dine Point nu!
Mvh
Monie Jacobsen
| |
|
Du har da vel fået dine Point?
Jeg har viklelig haft svært ved, at koble mig på forumet her.
Vil du se om du har nogen afsluttende kommentar for nedstående kode?
Skift mellem lille og stort bille ved museklik på billedet
Gem som: lille_side.htm
<html>
<head>
<title>Untitled-3.htm</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div align="center">
<p><a href="stor_side.htm" target="_parent"><img src="images/sol.gif" width="120" height="82" border="0"></a></p>
<p>Lille billede</p>
</div>
</body>
</html>
Gem som: stor_side.htm
<html>
<head>
<title>Untitled-1.htm</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div align="center">
<p><a href="lille_side.htm" target="_parent"><img src="images/sol.gif" width="390" height="268" border="0"></a></p>
<p>Stort billede</p>
</div>
</body>
</html>
Med Venlig hilsen
Monie Jacobsen
| |
|
Hov bentjuul
Arbejder du med Astronomi?
| |
| Kommentar
Fra : bentjuul |
Dato : 18-05-04 22:57 |
|
Hej Monie
Vi har alle svært ved at koble os på pt og koden ser rigtig ud, men jeg afprøver den lige.
Ovenover hver besvarelse i højre side står der "accepter besvarelse" her skal du klikke på det svar der løste dit problem og følge vejledningen, før bliver point ikke tildelt.
//bentjuul
| |
| Kommentar
Fra : bentjuul |
Dato : 18-05-04 23:10 |
|
Hej igen
Har lige afprøvet din kode og den virker godt nok.
Nej jeg arbejder ikke med astronomi, men det er en af flere hobbies jeg har, derfor har jeg købt det latinske navn for Stenbukken = Capricornus.
Desværre er der lidt problemer på mit websted, hvor de åbenbart har lidt vrøvl med deres servere, serverne vil ikke vise mine php sider ordentlig. Jeg har lige skrevet til dem og forhåbentlig er det snart bragt i orden, så min menu kan vises rigtig.
Tak for point Monie
Du kommer bare igen hvis du har mere på hjertet.
//bentjuul
| |
|
Ok bentjuul
Mange tak for din hjælp.
Du kan se min hjemmeside her: www.sunwind.dk
Med venlig hilsen
Monie Jacobsen
| |
| Kommentar
Fra : bentjuul |
Dato : 18-05-04 23:27 |
|
Ja, jeg har lige været inde på den, en meget spændende side som jeg har lagt i mine "Foretrukne".
Har du noget imod at jeg linker til din side fra mine to private domæner, den fortjener at blive så kendt som muligt? Den omhandler emner der burde interessere os alle.
Du kan her se en side jeg har lavet til min svoger http://www.arvostudio.dk/ der ligger et par tekstscroll i javaapplets og javascript som du måske kan bruge.
//bentjuul
| |
|
Hej bentjuul
Du er velkommen til, at linke midt domæn til dit private domæne.
Siden du har lavet til din svoger ser flot ud. Den måde kan jeg ikke bruge.
Med venlig hilse
Monie Jacobsen
| |
 | Du har følgende muligheder | |
|
Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.
Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.
| |
|
|