can't get loading gif to show

[gib65]

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?

[swipka777]

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.