Kom ihåg mig?
Home Menu

Menu


Ladda bild först efter att användaren har klickat

 
Ämnesverktyg Visningsalternativ
Oläst 2012-01-08, 19:38 #1
mojitoo mojitoo är inte uppkopplad
Medlem
 
Reg.datum: Jun 2010
Inlägg: 125
mojitoo mojitoo är inte uppkopplad
Medlem
 
Reg.datum: Jun 2010
Inlägg: 125
Standard Ladda bild först efter att användaren har klickat

Hej!

Jag undrar om det är möjligt att ladda ett objekt först efter att en användare har klickat på att visa det?

Eftersom att vi är inloggade på wn så ska jag använda mig av wn som ett exempel. Ta och klicka på Sök uppe i menyn. En ny ruta ploppar nu ned och i den finns ny information. Min fråga är helt enkelt om denna information måste laddas in såfort som att sidan laddas för första gången eller om det är möjligt att ladda in den först efter att användaren har klickat på den.

Anledningen till att jag frågar är för att jag vill visa bilder av rätt högkvalitet (flera mb stora) och för att sidan ska ladda snabbare så vill jag att den högupplösta bilden först ska laddas efter att användaren har klickat på länken för att visa den. Jag vill inte behöva att gå till en ny sida utan den ska visas på samma sida som Sök gör här på wn.

Om det är möjligt, hur kan man lösa det?
Jag använder mig av php och jquery. Skulle det gå att lösa via dessa språk eller krävs det något ytterligare?
mojitoo är inte uppkopplad   Svara med citatSvara med citat
Oläst 2012-01-08, 20:56 #2
frecka frecka är inte uppkopplad
Flitig postare
 
Reg.datum: Apr 2011
Inlägg: 410
frecka frecka är inte uppkopplad
Flitig postare
 
Reg.datum: Apr 2011
Inlägg: 410
Kan gissa att på WN så laddar man allting först. Sen gömmer man allting man inte vill skall visas först. Sen när man har gömt allt man inte vill visa först så visar man allt det andra. Är inte så bra på det där men det har något med ?DOM? och göra.

Men man gömmer alltid elementen innan man visar allting.
frecka är inte uppkopplad   Svara med citatSvara med citat
Oläst 2012-01-08, 21:46 #3
Kekke Kekke är inte uppkopplad
Medlem
 
Reg.datum: Feb 2011
Inlägg: 198
Kekke Kekke är inte uppkopplad
Medlem
 
Reg.datum: Feb 2011
Inlägg: 198
Jag skulle nog hämtat bilden med ajax, kolla på http://api.jquery.com/load/
Kekke är inte uppkopplad   Svara med citatSvara med citat
Oläst 2012-01-08, 22:36 #4
Clarence Clarence är inte uppkopplad
Administratör
 
Reg.datum: Jan 2003
Inlägg: 1 974
Clarence Clarence är inte uppkopplad
Administratör
 
Reg.datum: Jan 2003
Inlägg: 1 974
Du kan använda en vanlig lightbox-lösning för det. Sök på lightbox så får du originalet samt hundratals (i många fall bättre och snyggare) varianter.
Clarence är inte uppkopplad   Svara med citatSvara med citat
Oläst 2012-01-09, 16:47 #5
Björn Björn är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: May 2004
Inlägg: 1 224
Björn Björn är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: May 2004
Inlägg: 1 224
Det räcker att du med tex javascript skapar img taggen och dess src, så kommer webbsidan hämta bilden. Ajax är inte lösningen för själva bilden, möjligen för att hämta länken till densamma.

En variant är att tex i din url: ../min_lilla_bild.jpg, med javascript byter ut src mot ../min_stora_bild.jpg, så hämtas den nya bilden.
Björn är inte uppkopplad   Svara med citatSvara med citat
Oläst 2012-01-09, 19:11 #6
Linuus Linuus är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jan 2009
Inlägg: 890
Linuus Linuus är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jan 2009
Inlägg: 890
Ta en titt på colorbox. Det är en lightbox-lösning byggd med jQuery.

http://jacklmoore.com/colorbox/
Linuus är inte uppkopplad   Svara med citatSvara med citat
Oläst 2012-01-09, 20:04 #7
mojitoo mojitoo är inte uppkopplad
Medlem
 
Reg.datum: Jun 2010
Inlägg: 125
mojitoo mojitoo är inte uppkopplad
Medlem
 
Reg.datum: Jun 2010
Inlägg: 125
Okej, jag ska titta på era alternativ!

Skulle det här även fungera med vanligt innehåll, dvs inte bara bilder?
Jag antar att twitter och facebook använder sig av någon lösning där de inte läser in all information direkt utan laddar automatiskt in mer information desto längre ned på sidan jag scrollar eller har jag helt? Vad kallas en sådan lösning?
mojitoo är inte uppkopplad   Svara med citatSvara med citat
Oläst 2012-01-09, 20:22 #8
nosnaj nosnaj är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Mar 2005
Inlägg: 1 012
nosnaj nosnaj är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Mar 2005
Inlägg: 1 012
Citat:
Ursprungligen postat av mojitoo Visa inlägg
Okej, jag ska titta på era alternativ!

Skulle det här även fungera med vanligt innehåll, dvs inte bara bilder?
Jag antar att twitter och facebook använder sig av någon lösning där de inte läser in all information direkt utan laddar automatiskt in mer information desto längre ned på sidan jag scrollar eller har jag helt? Vad kallas en sådan lösning?
Det fungerar på allt som en webbsida kan visa.
Om du vill ladda in saker när man bläddrat neråt på sidan måste du använda javascript, data läses med fördel in med Ajax.
nosnaj är inte uppkopplad   Svara med citatSvara med citat
Svara


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 10:19.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017