Langsom billedvisning på hp'en 18-10-06 14:59 : refi 18-10-06 15:01 : refi 18-10-06 17:25 : Mad_Nuser 18-10-06 19:01 : severino 18-10-06 22:35 : molokyle 18-10-06 22:40 : molokyle 19-10-06 13:22 : majagierringe 19-10-06 13:40 : refi 19-10-06 14:27 : molokyle 19-10-06 14:37 : molokyle 21-10-06 12:35 : majagierringe 21-10-06 16:29 : molokyle 01-11-06 11:52 : majagierringe

Langsom billedvisning på hp'en Fra : majagierringe Vist : 792 gange 100 point Dato : 18-10-06 14:47

Hej! Håber nogen kan hjælpe:) Jeg er webmaster for min klubs hjemmeside. Der er det problem at når vi har været til stævne, så er der jo ca 100 billeder der skal ind på siden, og når det er gjort, tager det vildt lang tid for andre at se dem. Jeg gør billederne forholdsvis små - i Dreamweaver, dog så man stadig kan se billedet ordentligt. Det ville tage dobbelt så lang tid hvis jeg skulle gøre hvert enkelt billede mindre i photoshop for derefter at gemme det som en mindre fil. Men hvad kan jeg ellers gøre for at billederne bliver vist hurtigere? Det er jo stadig ikke alle der har adsl og hurtig forbindelse, men de skal jo også have en chance for at se billederne. Så, en nem måde hvorpå billederne kommer hurtigt frem - på forhånd tusind tak! Kærlig hilsen Majagierringe

Kommentar Fra : refi Dato : 18-10-06 14:59

Lav dem til jpg eller gif

Kommentar Fra : refi Dato : 18-10-06 15:01

Med et alm. modem vil det under alle omstændigheder tage tid at loade 100 billeder

Kommentar Fra : Mad_Nuser Dato : 18-10-06 17:25

Hej hvad hedder siden ? jeg vil gerne se den. jeg er selv webmaster for en dykkerklub,( http://www.blaeks-prutten.dk ) til at genere billedsider bruger jeg Arles Image Web Page Creator http://www.digitaldutch.com/arles/ jeg laver siden med tumbnails (små billeder) så skal man klikke på dem for at se det store billede. mvh Leif

Kommentar Fra : severino Dato : 18-10-06 19:01

Citat Lav dem til jpg eller gif Nej, du skal kun bruge jpg til foto - gif egner sig ikke til fotos, hvis du vil gengive det i fuld farvespektra. Gif kan kun vise 216 farver, hvor imod jpg kan køre hele farveskalaen.

Kommentar Fra : molokyle Dato : 18-10-06 22:35

Det er 'vægten' af billederne målt i Kilobytes som afgør hvor hurtigt de loades. Ikke hvilken størrelse du angiver i <img .../> markørens width="..." og height="..." parametre. Brug derfor jpeg/jpg formatet som kan komprimeres med alm. billedbehandlingsprogrammer som PhotoShop eller Photofiltre (Gratis: http://www.villysonnichsen.dk/FotoFiltre.html ) Kvaliteten forringes alt efter hvor 'hårdt' du komprimere billederne, men det er næsten altid muligt at finde et brugbart kompromis. Derudover kan du formindske de reelle billeddimensioner (højde og bredde) hvorved du også spare dyrebare kilobytes. En tommelfingerregel siger at billeder ikke bør fylde mere end højst 150Kb. For at undgå ventetid, medens billederne loader bør du altid angive de korrekte billeddimensioner i ALLE dine <img .../> markører. Derved afsættes plads i browseren allerede inden billederne er loadet færdig og dermed vises siden med det samme </MOLOKYLE>

Kommentar Fra : molokyle Dato : 18-10-06 22:40

Måske jeg var lidt for 'large' med mine kilobyte angivelser? Her er nogen som mener man skal længere ned: http://www.pantos.org/atw/35305.html Mere om image optimization: http://www.andaluciaws.com/articles/image-optimisation.htm </MOLOKYLE>

Kommentar Fra : majagierringe Dato : 19-10-06 13:22

Mine billeder er altid JPEG, det ved jeg godt er det bedste. Så det er ikke der problemet er. Mad_Nuser: siden hedder http://www.ggbk.dk så gå ind under billedgalleri for at se dem som tager lang tid. Jeg tror du har ret i at jeg behøver et program hvor billederne bliver vist små, og man så kan klikke på dem for at de bliver store

Kommentar Fra : refi Dato : 19-10-06 13:40

Problemet er brugerne.... Kører de med modem tager det under alle omstændigheder lang tid.

Kommentar Fra : molokyle Dato : 19-10-06 14:27

Du kunne måske bruge en galleri løsning? Her er 12 gallerier i ren CSS (..altså ingen 'preload' med javascript). 1.) http://www.cssplay.co.uk/menu/gallery.html 2.) http://www.cssplay.co.uk/menu/scroll_gallery.html 3.) http://www.cssplay.co.uk/menu/gallery3l.html 4.) http://www.cssplay.co.uk/menu/gallery4.html 5.) http://www.cssplay.co.uk/menu/gallery_click.html 6.) http://www.cssplay.co.uk/menu/lightbox.html 7.) http://www.cssplay.co.uk/menu/lightbox2.html 8.) http://www.cssplay.co.uk/menu/lightbox3.html 9.) http://www.cssplay.co.uk/menu/slide_show.html 10.) http://www.cssplay.co.uk/menu/photo_album.html 11.) http://www.cssplay.co.uk/menu/art_gallery.html 12.) http://www.cssplay.co.uk/menu/menu_gallery.html </MOLOKYLE>

Kommentar Fra : molokyle Dato : 19-10-06 14:37

...men som sagt (..håber du forstår mig ret? ): Hvis et *.jpg fylder 50 kb. og har dimensionerne 100 X 45 pixels og du indsætter billedet i din kode med: Kode <img src="/billeder/MIT_BILLEDE.jpg" alt="Billede" title="Billede" /> ..så skal browseren loade dette billede, SAMT alle efterfølgende billeder før de bliver vist på siden. Skriver du derimod: Kode <img src="/billeder/MIT_BILLEDE.jpg" alt="Billede" title="Billede" width="100" height="45" /> ..så får du vist første billede på siden allerede INDEN resten af billederne er loadet færdig. Dette fordi browseren så 'kender' den plads billederne skal bruge og kan afsætte denne plads til billederne på skærmen, selvom billedernes data ikke endnu har nået brugeren. Således kan du også 'hjælpe' dine brugere ..uanset deres opkobling og download hastighed. </MOLOKYLE>

Kommentar Fra : majagierringe Dato : 21-10-06 12:35

Hej Molokyle:) Puha, det er sørme lidt indviklet noget af det du skriver:) Men tak for det. De der 12 sider med billedgalleri du har linket til, er bare lige sådan jeg gerne ville have vores billedgalleri til at være! Ved du hvordan man gør det? Så er svarpoint'ene dine;)

Accepteret svar Fra : molokyle Modtaget 100 point Dato : 21-10-06 16:29

På hver af siderne siderne finder du koden ved at højreklikke og vælge menuen: Vis kilde... Kopier den CSS kode som står i sidens HEAD afsnit: Kode <style type="text/css"> . . CSS koden . . </style> ..samt den (X-)HTML kode som står længere nede på samme side i et afsnit som hedder: Kode <div id="info"> . . HTML koden. . . </div> Indsæt CSS delen i din <head> ... </head> sektion og (X-)HTML delen dér hvor du vil have det på siden i <body> ... </body> sektionen i dit (X-)HTML dokument. Du skal selvfølgelig selv rette filnavne og farver til; efter eget ønske Her er et eksempel fra en kandu.dk komsammen, som benytter Galleri nr. 10: http://www.sitecenter.dk/liina/nss-folder/temp/temp/rejse.html Altså: http://www.cssplay.co.uk/menu/photo_album.html </MOLOKYLE>

Godkendelse af svar Fra : majagierringe Dato : 01-11-06 11:52

Tak for svaret molokyle. Jeg prøver at bruge det du har skrevet:)

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.