Søg
Avatar billede danco Nybegynder
11. februar 2011 - 23:15 Der er 5 kommentarer og
1 løsning

Finde alle elementer i en division

Hejsa,
jeg er ret ny i Javascript og JQuery sammenhæng så derfor har jeg ikke kastet mig ud i at lave noget selv, men har derimod fundet et script til et galleri som jeg gerne vil forbedre lidt.
Dybest set vil jeg gerne finde højde på det billede der vises i øjeblikket, for at kunne det skal jeg have alle elementer af type <img> inde i $('#slides') .

Jeg håber det er nogenlunde forståeligt for jer herinde hvad jeg gerne vil opnå.
Da jeg selv ved hvor svært det er at svare på sådanne spørgsmål har jeg valgt at ligge projektet online således at i har muligheden for at se kode hvis det skulle være nødvendigt. Projektet kan ses her: http://danco.dk/exp/galleri/

Hvis nogle skulle have et forslag hvordan jeg centrerer billeder i boksen uden de store ændringer ville jeg værdsætte det med yderligere point.
Avatar billede BufferUnderrun Nybegynder
12. februar 2011 - 11:05 #1
For at hente alle <img> elementer i #slides og deres højde skal du bare skrive:

$("#slides img").attr("width")
Avatar billede danco Nybegynder
12. februar 2011 - 13:36 #2
Hejsa,
tak for dit svar.

Desværre virker det ikke som jeg gerne ville have det. Det jeg gerne vil opnå er at den for hvert billede finder højden på billedet og sætter boksen højden derefter. Som det er nu sætter den kun højden efter det første billede.

var calcHeight = $("#slides img").attr("height");
$('#slides').animate( {height:calcHeight+'px' },450 ) ;
Avatar billede danco Nybegynder
12. februar 2011 - 13:48 #3
Det der jo samtidig er i det er at galleriet her skal implementeres via PHP og dynamisk indsætte billeder, så derfor ville det jo gøre mit arbejde væsentlig pænere og noget lettere hvis den kunne hente billedets faktiske højde frem for den højde der er indsat som attribut :)
Jeg undskyld hvis jeg er for krævende.
Avatar billede BufferUnderrun Nybegynder
12. februar 2011 - 14:36 #4
Ok, så skal du have fat i noget i den her retning:

$("#slides img").each(function(index, elem) {
    height = elem.attr["height"];

    // Do something with the height value of each
});
Avatar billede danco Nybegynder
12. februar 2011 - 14:48 #5
Lidt forklaring af din kode ville være rart, jeg kan som sagt ikke noget javascript i forvejen, jeg kan ihvertfald ikke få det til at virke.
Dog har jeg fået fat i at jeg har en variable i min script der kan bruges, så vil man i starten kunne hente alle højder ud fra billederne og gemme i et array ville jeg kunne bruge den til at tilpasse højden.
Men det er jo let nok at sige når man ikke kan lave det selv.
Avatar billede danco Nybegynder
12. februar 2011 - 15:34 #6
Så fik jeg det til at fungere.
Godt nok ikke med din løsning men med min egen metode gennem et Array af højder på billederne.

Jeg takker for din tid.

Jeg har opdateret scriptet på linket i spørgsmålet, hvis nogen skulle have interesse i at se det færdige resultat.
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
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
Sæt vindue størrelse Af poulmadsen i JavaScript 1 08/10/202417:18 13/10/202412:33
Opgavestyring Af ingeman i JavaScript 1 15/09/202416:06 15/09/202420:40
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 dag 17:48 Min hp Officejet pro 7740 skærer det nederste af billedet i word Af rosmarin i Printere
I dag 13:13 Batch OCR Af KurtG i Billedbehandling
I dag 10:42 AI integreret i Access Af per2edb i Access
04/0409:43 AI google.com Af Peter Olsen i Andre onlineløsninger
31/0310:22 Makro der gemmer vedhæftet fil fra Msg og omdøber filen Af lokesa i Excel
White papers
Flere white papers »