Kom ihåg mig?

kollahemsidan.se - "Ge & Få feedback"

 
 
Ämnesverktyg Visningsalternativ
Gammal 2013-01-08, 23:24 #11
alisso alisso är inte uppkopplad
Nykomling
 
Reg.datum: Aug 2009
Inlägg: 20
alisso alisso är inte uppkopplad
Nykomling
 
Reg.datum: Aug 2009
Inlägg: 20
@yakuzaemme talar vi om hemsidan där du kan lägga till sidor nu?


För där vill jag ju inte att bilden ska laddas upp förrän hela formuläret postas. Vad använder ni för webbläsare?
(Så jag kan förstå vad det är som händer i ditt fönster)

Nu tror jag att jag förstår. Att jag ska se till att sätta display none på bilderna på startsidan tills de har laddats klart? Ska google:a efter hur jag gör det.
__________________
Victoria Wagman
http://hälsoreseguiden.se

Senast redigerad av alisso den 2013-01-08 klockan 23:32
alisso är inte uppkopplad   Svara med citatSvara med citat
Gammal 2013-01-08, 23:24 #12
Sianss avatar
Sians Sians är inte uppkopplad
Medlem
 
Reg.datum: Jul 2012
Inlägg: 59
Sians Sians är inte uppkopplad
Medlem
Sianss avatar
 
Reg.datum: Jul 2012
Inlägg: 59
Citat:
Ursprungligen postat av alisso Visa inlägg
Sitter och fixar på. Vad menar du med

"Lägg till display:none i CSS på 'img_prev' elementet (en img-tag utan sökväg till fil), som du sedan ändrar till display:block när en bild faktiskt finns att visa."

Hur kommer jag åt att css:a img_prev? =)
Så här ser det nu nu.
Sians är inte uppkopplad   Svara med citatSvara med citat
Gammal 2013-01-09, 00:55 #13
jonssondesign jonssondesign är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Oct 2010
Inlägg: 705
jonssondesign jonssondesign är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Oct 2010
Inlägg: 705
Yakuzaemme menar denna sidan: http://kollahemsidan.se/lagg-till-hemsida

När jag använder chrome, så är det en tom bild på vänster sida i "välj bild"-boxen. (Se Sians bild).

Jag tror Yakazaemma menar att du skall sätta display:none på <img> elementet om det faktiskt inte finns en bild. Men efter att man laddat upp en bild, så läggs display:block; på elementet istället. Detta görs lättast genom lite javascript.
jonssondesign är inte uppkopplad   Svara med citatSvara med citat
Gammal 2013-01-09, 01:37 #14
alisso alisso är inte uppkopplad
Nykomling
 
Reg.datum: Aug 2009
Inlägg: 20
alisso alisso är inte uppkopplad
Nykomling
 
Reg.datum: Aug 2009
Inlägg: 20
Aha!

...fixat!
__________________
Victoria Wagman
http://hälsoreseguiden.se
alisso är inte uppkopplad   Svara med citatSvara med citat
Gammal 2013-01-09, 01:55 #15
jonssondesign jonssondesign är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Oct 2010
Inlägg: 705
jonssondesign jonssondesign är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Oct 2010
Inlägg: 705
Bra! dock så ser det inte så snyggt ut när man lägger upp en fyrkantig bild..

http://gyazo.com/13fef8fbdd29ac95a0b7c690ef2257cb
jonssondesign är inte uppkopplad   Svara med citatSvara med citat
Gammal 2013-01-09, 02:35 #16
alisso alisso är inte uppkopplad
Nykomling
 
Reg.datum: Aug 2009
Inlägg: 20
alisso alisso är inte uppkopplad
Nykomling
 
Reg.datum: Aug 2009
Inlägg: 20
Ahh! Nej! doh'

Några förslag ? plocka bort knappen bakom och låta resten vara tomrum? är det "ok" eller
borde jag förminska container runtom så att den har samma strl som bilden?
__________________
Victoria Wagman
http://hälsoreseguiden.se
alisso är inte uppkopplad   Svara med citatSvara med citat
Gammal 2013-01-09, 02:43 #17
jonssondesign jonssondesign är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Oct 2010
Inlägg: 705
jonssondesign jonssondesign är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Oct 2010
Inlägg: 705
Centrera bilden, så slipper du göra någonting

eller jo.. Du måste lägga en display:none på knappen. eller att du tar bort den helt efter en uppladdning.

du måste även ta bort position:absolute; på img elementet

då blir det såhär: http://gyazo.com/5943be30f7dee5893731f11d7eadfb67

Kanske inte det snyggaste heller, men fungera bättre

EDIT* vore ju bäst om du kunde räkna ut bredden på bilden med jquery och applicera på <div id="imageUpload">. Då slipper det visas vit yta på sidorna.
jonssondesign är inte uppkopplad   Svara med citatSvara med citat
Gammal 2013-01-09, 03:41 #18
alisso alisso är inte uppkopplad
Nykomling
 
Reg.datum: Aug 2009
Inlägg: 20
alisso alisso är inte uppkopplad
Nykomling
 
Reg.datum: Aug 2009
Inlägg: 20
Såå nöjd! Testa gärna ladda upp en "kvadrat" nu! : D
__________________
Victoria Wagman
http://hälsoreseguiden.se
alisso är inte uppkopplad   Svara med citatSvara med citat
Gammal 2013-01-09, 09:53 #19
yakuzaemmes avatar
yakuzaemme yakuzaemme är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jun 2012
Inlägg: 770
yakuzaemme yakuzaemme är inte uppkopplad
Mycket flitig postare
yakuzaemmes avatar
 
Reg.datum: Jun 2012
Inlägg: 770
Ännu en bug på just den delen. Kom ihåg att användare alltid kan avbryta en operation, exempelvis bilduppladdningen.

Sätt ett ID på den andra button (som ligger under själva visningsbild-rutan), ha som default display:none

Citat:
$('input[name="screenshot"]').change(function(){
$("#valjBild").css("display","none");
$("#valjBild2").css("display","block").hide().fade In(250);
});
yakuzaemme är inte uppkopplad   Svara med citatSvara med citat
Gammal 2013-01-09, 09:58 #20
alisso alisso är inte uppkopplad
Nykomling
 
Reg.datum: Aug 2009
Inlägg: 20
alisso alisso är inte uppkopplad
Nykomling
 
Reg.datum: Aug 2009
Inlägg: 20
Fixade så att den andra knappen visas i samband med att bilden laddas in
__________________
Victoria Wagman
http://hälsoreseguiden.se
alisso är inte uppkopplad   Svara med citatSvara med citat
Svara

Taggar
användarvänlighet, feedback, snygga hemsidor, ux_


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

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 21:26.

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