Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Aug 17 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 17:13
    @mstellaluna banned @cmal
  • Jan 08 22:05
    @mstellaluna banned @dertiuss323
  • Nov 07 2018 04:42
    User @texas2010 unbanned @ows-ali
  • Nov 02 2018 16:25
    @texas2010 banned @ows-ali
  • Oct 12 2018 05:50
    @bjorno43 banned @NACH74
  • Oct 05 2018 23:02
    @mstellaluna banned @JomoPipi
  • Sep 16 2018 12:21
    @bjorno43 banned @yash-kedia
  • Sep 16 2018 12:16
    @bjorno43 banned @vnikifirov
  • Sep 05 2018 08:12
    User @bjorno43 unbanned @androuino
  • Sep 05 2018 07:38
    @bjorno43 banned @androuino
  • Aug 23 2018 16:57
    User @bjorno43 unbanned @rahuldkjain
  • Aug 23 2018 16:23
    @bjorno43 banned @rahuldkjain
  • Jul 29 2018 14:13
    User @bjorno43 unbanned @jkyereh
  • Jul 29 2018 01:00
    @bjorno43 banned @jkyereh
  • Jul 10 2018 22:09
    @bjorno43 banned @manafn
  • Jul 06 2018 15:20
    @texas2010 banned @imlegend19
  • Jul 03 2018 12:28
    @bjorno43 banned @vbvmatta
  • Jun 29 2018 13:54
    @bjorno43 banned @OGTechnoBoy
DecisiveIndecisive
@DecisiveIndecisive
The API call is in the function newImage()
In the Javascript I've got it so when you click the refresh button in the top right corner, it calls newImage()
Tom
@moT01
the call to get the new image takes too long is one problem i think
so im trying to think of the process that it happening and how you can make it like you want
DecisiveIndecisive
@DecisiveIndecisive
Well yeah, I'm rendering HD images. The question is, can I stop the function of my code until the new image is loaded entirely, and then proceed.
Or can I load it in the background and then "apply" it when I click refresh button
Tom
@moT01
right
DecisiveIndecisive
@DecisiveIndecisive
I understand what I need to do on paper, but writing the functionality has me running in cirlces
Tom
@moT01
you can - somehow
but it would take some rewriting
that 1500 ms timeout
thats for just visual right?
meaning you didnt put that in to try and fix this picture thing
DecisiveIndecisive
@DecisiveIndecisive
No, that's so the correct answer has time to display green before the new Image is called
Tom
@moT01
hmm
you want to like start getting that image right when you click refresh
DecisiveIndecisive
@DecisiveIndecisive
I'm nitpicking, the general functionality of this project is complete, I just need to get the Teet button to work and move on or I'll spend forever on this project :P
Tom
@moT01
so instead of the timeout
do something like this
refresh.click -> 
  change the settings(color: green or whatever)
  getImage().then -> { change background }
so the right answer will turn green - and just stay green till the image is retrieved
and then the background will change - and you would probly want to change the newQuote in there as well or something
just throwing some thoughts out there
DecisiveIndecisive
@DecisiveIndecisive
the newImage changes the background immediately though

$(".screen").css("background-image", "url('" + randomImage + "')");

This like right here immediately removes old background and begins loading the new background, so even if I change around the timeOut I'll have the same problem wont I?

Tom
@moT01
well you would need to change that too
unless all you want to do is get the image to fade in - and dont care about that gap between the picture change
DecisiveIndecisive
@DecisiveIndecisive
I don't see how I'm to separate the functions of getting the image, and then changing the background
Unless .then is an operator o.0
Tom
@moT01
then just waits for the function to be done
so you could return the url
from the getImage
getImage.then(url => {  
  set new background here   }
and instead of setting the background in the getImage()
you would return the image url
DecisiveIndecisive
@DecisiveIndecisive
Hmmm, I'll have to come back to this and wrap my head around it
Tom
@moT01
yea, im playing with it - cant quite get it working like i had hoped
DecisiveIndecisive
@DecisiveIndecisive
Well, I think I'm done with it for now. There are a few kinks I'd need to work out before really displaying it to anyone judging it for quality, but I'm happy with it as a first project :)
Stephen James
@sjames1958gm
@DecisiveIndecisive :+1:
Muzamil
@mzml
hi campers, I am having trouble keeping the audio controls off the image on screens larger than 991px. I want to keep the audio controls below the <hr> element. How can I do this?
Yingjie (Iris) Hu
@huyingjie
Could anyone click my website http://yingjiehu.com and tell me whether you can open it? My local machine cannot open the website with chrome and safari. But I can open it with ipad pro. It is frustrating.
Kudzu
@czhower
opens here.
Opened in Chrome Desktop version on Windows.
Yingjie (Iris) Hu
@huyingjie
@czhower Thank you.
CamperBot
@camperbot
huyingjie sends brownie points to @czhower :sparkles: :thumbsup: :sparkles:
:cookie: 20 | @czhower |http://www.freecodecamp.org/czhower
Kudzu
@czhower
Open the debugger and see the traffic
ctrl-shift-J in most desktop browsers.
Yingjie (Iris) Hu
@huyingjie
This page isn’t working
yingjiehu.com didn’t send any data.
ERR_EMPTY_RESPONSE
The source code is empty.
Kudzu
@czhower
Do you have a proxy or HTTP cache upline from you? Or AV software?