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

mcclaud Nybegynder

01. juli 2012 - 11:36 Der er 12 kommentarer og
1 løsning

Toggle mellem billeder ved klik

Hej alle eksperter

Jeg har et lille ønske om, at et billede skal skifte til et andet, når man klikker på det. Klikker man på det igen, skal det skifte tilbage til det første. Altså det skal toggle mellem to billeder.

På min testside herunder ses en hvid pil, som peger til venstre. Klikker man på pilen, vil jeg gerne, at den skal ændre sig og pege til højre, så den følger infoboksens rytme.

http://www.klarkommunikation.net/TEST/index.htm

:o) mcclaud

Synes godt om

softspot Forsker

01. juli 2012 - 12:10 #1

Du kan evt. prøve med

$("#display-toggle").toggle(
function() {
$(this).find("img").attr("src", "pil-hvid-hoejre.png");
},
function() {
$(this).find("img").attr("src", "pil-hvid-venstre.png");
}
);

Synes godt om

mcclaud Nybegynder

01. juli 2012 - 12:47 #2

Hej softspot

Jeg er ikke så skarp til javascript... Kan det lade sig gøre, at ligge dit script ind i det script, som viser/skjuler infoboksen?

http://www.klarkommunikation.net/TEST/display-toggle.js

-----

$(function() {
$('#display-toggle').click(function() {
$('.display-toggle').toggle('normal');
return false;
});
});

-----

:o) mcclaud

Synes godt om

softspot Forsker

01. juli 2012 - 13:31 #3

Jeg forestiller mig at du skulle omskrive indholdet af display-toggle.js til flg.:

$(function() {
$('#display-toggle').toggle(
function() {
$(this).find("img").attr("src", "pil-hvid-hoejre.png");
$('.display-toggle').removeClass('normal');
return false;
},
function() {
$(this).find("img").attr("src", "pil-hvid-venstre.png");
$('.display-toggle').addClass('normal');
return false;
}
});
});

Synes godt om

mcclaud Nybegynder

01. juli 2012 - 13:48 #4

Hej softspot

Jeg har nu erstattet det tidligere display-toggle.js til dit script. Desværre kan jeg ikke få det til at virke. Hverken hvad angår billedskiftet eller infoboksen... Ved du hvad, jeg gør galt?

Jeg har oploadet dit script til min testside:

http://www.klarkommunikation.net/TEST/index.htm

:o) mcclaud

Synes godt om

olebole Juniormester

01. juli 2012 - 15:45 #5

<ole>

Fejlmeldingerne/fejlkonsollen i din browser fortæller dig, hvad der er galt og hvor:

/mvh
</bole>

Synes godt om

olebole Juniormester

01. juli 2012 - 15:46 #6

Hvorfor er højreklik disabled på siden?

Synes godt om

softspot Forsker

01. juli 2012 - 15:58 #7

Beklager! Jeg havde lavet en tastefejl (som Ole allerede har pointeret hvor ligger... :-))

Synes godt om

mcclaud Nybegynder

01. juli 2012 - 16:04 #8

Hej olebole og softspot

Jeg kan se, at pilen nu skifter retning, som den skal. Det er bare alle tiders. Tak for det. Desværre virker den del med infoboksen ikke. Den skulle gerne forsvinde ved første klik og vises ved næste klik - samtidig med at pilen skifter retning??? :o)

:o)mcclaud

Synes godt om

softspot Forsker

01. juli 2012 - 16:18 #9

Hmmm... det kan da godt være jeg var lidt for hurtig til at smide den toggle du havde før min rettelse væk. Prøv evt. med dette:

$(function() {
$('#display-toggle').toggle(
function() {
$(this).find("img").attr("src", "pil-hvid-hoejre.png");
$('.display-toggle').toggle('normal');
return false;
},
function() {
$(this).find("img").attr("src", "pil-hvid-venstre.png");
$('.display-toggle').toggle('normal');
return false;
}
);
});

Synes godt om

mcclaud Nybegynder

01. juli 2012 - 16:23 #10

Alle tiders... Nu virker det perfekt.

Smid et svar, så kommer der velfortjente points. Mange tak for hjælpen.

:o) mcclaud

Synes godt om

softspot Forsker

01. juli 2012 - 16:25 #11

Velbekomme :-)

Synes godt om

mcclaud Nybegynder

01. juli 2012 - 16:32 #12

Endnu en gang tak softspot... Og også tak til olebole. :o)

Synes godt om

olebole Juniormester

01. juli 2012 - 16:38 #13

Selvtak =)

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
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
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

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