Søg
Avatar billede jps6kb Novice
03. juli 2006 - 09:44 Der er 12 kommentarer og
1 løsning

Skift billede uden at reloade siden

Hej,

Jeg vil frygtelig gerne have lavet så man kan skifte et billede på en side uden at den reloader. Det gav ikke mening, vel?

Se her: http://florint.itws.dk/produkt.asp?id=33&img=31

Der er to billeder for neden og det der klikkes på, bliver vist i det store billede.

MEN! Så mister jeg jo de valg en bruger evt. har truffet med størrelse og farver og antal, med mindre jeg sender dem med, og det vil jeg gerne undgå.

Hvad gør jeg? :)
Avatar billede farving Nybegynder
03. juli 2006 - 09:54 #1
Hvis der ikke er kommet et svar inden jeg er kommet hjem i aften så skal jeg nok kigge på det, men bliver først omkring 18:00

Mvh Carsten
Avatar billede jtofte Nybegynder
03. juli 2006 - 10:23 #2
Hej Carsten

Man kan lave noget lignende dette

function skiftbillede(url)
{
    document.getElementById("BilledeHolder").src = url;
}

og så laver du en onclick på thumbsnails som kalder functionen med billedestien som parameter

Venlig Hilsen
Jakob
Avatar billede jps6kb Novice
03. juli 2006 - 11:27 #3
Det ser super ud. Gider du give mig en linie med onclick? Er alligevel ikke så hård til js :p
Avatar billede jtofte Nybegynder
03. juli 2006 - 11:37 #4
Hej Igen

Der kan lave et eller andet sådan her

<img src="images/thumbs.jpg" OnClick="skiftbillede('images/billede.jpg')">
Avatar billede jps6kb Novice
03. juli 2006 - 11:53 #5
Hvad så med det store billede? Hvad skal der laves der?
Avatar billede jtofte Nybegynder
03. juli 2006 - 11:57 #6
Der laver du bare en billedeholder

<img src="startbillede.jpg" id="BilledeHolder">
Avatar billede jps6kb Novice
03. juli 2006 - 12:35 #7
Så.. der sker noget nu, men når jeg klikker kommer billedet ikke frem på siden, men linket passer i koden der bliver genereret. What gives?
Avatar billede jtofte Nybegynder
03. juli 2006 - 12:50 #8
Jeg lavede lige et eksempel for at se om jeg kunne få det til at virke
<html>
    <head>
        <script language='javascript'>
            function skiftbillede(url)
            {
                document.getElementById("BilledeHolder").src = url;
            }       
        </script>
    </head>       

    <body>
        <img src='1/P6230014.jpg' width="100" onclick="skiftbillede('1/P6230014.jpg')"><br>
        <img id="BilledeHolder" src='1/P6230015.jpg'>
           
    </body>
</html>

Ps. hvordan kommer det ikke frem på siden kommer der bare et X.
src="~/images/billede.jpg"
hvis du bruger sådan en så virker et ikke, man skal selv forklarer det ud fra den mappe siden er placeret
Avatar billede jps6kb Novice
03. juli 2006 - 12:58 #9
Ja okay.. stien bliver ikke rettet.. my bad..
Billedet er der når siden loades kommer helt fint.

Jeg har gjort som følger:



<script language="javascript">
function skiftbillede(url)
{
    document.getElementById("BilledeHolder").src = url;
}
</script>



response.write("<img src=""admin/upload/" & rsI("billede") & """ width=""142"" height=""192"" id=""BilledeHolder"">")


'løkke her

<img src="admin/upload/<% = rsI("billede") %>" width='95' height='128' OnClick="skiftbillede('<% = rsI("billede") %>')">
Avatar billede jps6kb Novice
03. juli 2006 - 13:00 #10
altså, det er jo udpluk af koden.. så der mangler lige lidt <% %> om noget af det og sådan.. ;) Bare så det ikke er det du kigger på.. hehe..
Avatar billede jtofte Nybegynder
03. juli 2006 - 13:13 #11
okay, problemet ligger at du kun sender filnavn med som parameter.
<img src="admin/upload/<% = rsI("billede") %>" width='95' height='128' OnClick="skiftbillede('admin/upload/<% = rsI("billede") %>')">

Det her skulle gerne virke
Avatar billede jps6kb Novice
03. juli 2006 - 13:24 #12
Super.. tak for det.. smider du et svar? ;)
Avatar billede jtofte Nybegynder
03. juli 2006 - 13:25 #13
svar
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 03/05/202613:59
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
Seneste spørgsmål Seneste aktivitet
I går 01:57 Tjek alle checkbox i form Af bsn i ASP
17/0521:35 Lidt simpel (håber jeg) Photoshop hjælp Af fcs i Billedbehandling
16/0516:04 Canon printer vil ikke udskrive farver Af mort1 i Printere
16/0514:50 Hvilket fabrikat af Mesh systemer virker? Af fkj i Wifi
15/0513:45 AJAX kode -javascript Af Asky i Programmeringsværktøjer
White papers
Flere white papers »