CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

thoko Nybegynder

02. november 2009 - 22:59 Der er 7 kommentarer

Knapper til enkeltvis hentning / visning af billeder på aktuel side

Med trykknapper (buttons) skal jeg individuelt kunne hente 6 forskellige billeder til visning samme sted på aktuel side (i iframe?).
Hvilken kode skal jeg (udover det enkelte billedes ident) indlægge efter "onclick" for at hente det enkelte billede?
Hvilken kode skal jeg angive det sted på siden hvor billederne skal vises et ad gangen for hvert knaptryk?

Synes godt om

fant0mas Nybegynder

03. november 2009 - 00:32 #1

Så skulle den være lige til hjørebenet:

<html>
<head>
<title>Vis billeder</title>
<script type="text/javascript">
var images = ['http://www.eksperten.dk/images/eksperten_logo.gif', 'http://www.eksperten.dk/themes/theme_eksperten/images/spotmenu_top.gif'];
function setImage(i){
document.getElementById('img').src = images[i];
}
</script>
</head>
<body>
<input type="button" onclick="setImage(0)" value="Billede 0" />
<input type="button" onclick="setImage(1)" value="Billede 1" />
<div><img src="" id="img" border="0" /></div>
</body>
</html>

Synes godt om

Slettet bruger

03. november 2009 - 00:45 #2

Det kan man kun gøre på en milliard forskellige måder...

F.eks:

<html><body>
<span onclick="document.ramme.src='pix1.jpg'">#1</span>
<span onclick="document.ramme.src='pix2.jpg'">#2</span>
<span onclick="document.ramme.src='pix3.jpg'">#3</span>
<span onclick="document.ramme.src='pix4.jpg'">#4</span>
<span onclick="document.ramme.src='pix5.jpg'">#5</span>
<hr>
<img name='ramme' src='pix1.jpg'>
</body></html>

Synes godt om

Slettet bruger

03. november 2009 - 18:37 #3

Synes godt om

thoko Nybegynder

03. november 2009 - 21:58 #4

Jeg burde nok have nævnt, at de enkelte billeder skal hentes med et link som dette:

<a href="http://www.meteorologica.info/Eurohumidity.asp">
<img border="0" src="http://www.meteorologica.info/FreeImages/eurohumidity.jpg" width="768" height="576"></a>

Hvordan foretager jeg den nødvendige tilpasning for indlæggelse i array?

Synes godt om

fant0mas Nybegynder

03. november 2009 - 22:17 #5

Det kunne gøre sådan:

<html>
<head>
<title>Vis billeder</title>
<script type="text/javascript">

images = [];
images[0] = { url: 'http://www.meteorologica.info/pony.asp', image: 'http://www.meteorologica.info/FreeImages/eurohumidity.jpg' };
images[1] = { url: 'http://www.meteorologica.info/hest.asp', image: 'http://www.eksperten.dk/images/eksperten_logo.gif' };

function setImage(i){
document.getElementById('img').src = images[i].image;
document.getElementById('url').href = images[i].url;
}
</script>
</head>
<body>
<input type="button" onclick="setImage(0)" value="Billede 0" />
<input type="button" onclick="setImage(1)" value="Billede 1" />
<div><a id="url" href=""><img src="" id="img" border="0" /></a></div>
</body>
</html>

Synes godt om

thoko Nybegynder

04. november 2009 - 21:05 #6

fant0mas

Tak for hjælpen.
Du skylder mig et svar!

Synes godt om

fant0mas Nybegynder

04. november 2009 - 21:39 #7

Ellers tak.

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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
Opgavestyring Af ingeman i JavaScript	1	15/09/202416:06	15/09/202420:40
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS