Results 1 to 2 of 2

Thread: can't get loading gif to show

  1. #1
    Junior Member
    Join Date
    May 2016
    Posts
    6

    can't get loading gif to show

    Hello,

    I have an MVC application that uses boostrap. I have a page that requires some time to load some data. So I created a div with an <img> tag that references a loading animation such as this:

    http://blog.teamtreehouse.com/wp-con...owdown_Day.gif

    The problem is I get a broken image icon on the page:

    https://encrypted-tbn2.gstatic.com/i...6bCcEXTgk5Dnwh

    Here is how I'm referencing it:

    <div id="loadingDiv"><img id="loadingImg" style="width: 80px;" src="~/Features/Shared/Images/loading.gif" /></div>

    This is exactly where I store the image. 'Features' is a top level folder in my project.

    I know that elsewhere in our application, if we want to load an image or an animation, you use bootstrap's CSS. So I tried that:

    <div id="loadingDiv" class="fa fa-spinner"></div>

    And it gives me this:

    http://fontawesome.io/icon/spinner/

    This is a bit better as a little spinner shows up, but it's not animating and it's not large enough.

    So my question is two-fold:

    1) If I'm using bootstrap in an MVC application, is the <img> tag still usable?

    2) If I have to use bootstrap's CSS (fa-spinner):
    -How can I get animation?
    -How can I adjust the size?
    -How can I add my own image/animation?

  2. #2
    Junior Member
    Join Date
    Apr 2016
    Posts
    4
    I would recommend you to ask some web designing or application developing firms, who are dealing with web software. Personally, I was using application development company software to solve all technical problems. It's very hard to know all this technical issues and to know everything.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •