My web app(MVC4) is hosted on IIS 7.5, Windows 7 Ultimate with .net framework 4.0 and 4.5 installed. On hosting the application, the images are not rendered, giving me a 404 error
The content type is "Text/html" shouldn't it show as "image/jpeg or png"?
On giving the image path directly, the image is rendered, but not through css. The css is loading, as my layout is intact.
I have gone through many questions related to the same issue, have included
<modules runAllManagedModulesForAllRequests="true" />
checked for Static Content under IIS>WWW Services in
control Panel, applied hotfixes (http://support.microsoft.com/kb/980368).. in vain.
My css code is as below,
body{background:url(images/bg.jpg);
image folder structure is
ABC
images (folder)
bg.jpg
main.css
(have tried giving the image path along with .. and /, no use)
ExtensionlessUrlHandler, are present in the webconfig, hosted on .net framework 4.0 (integrated),
My IIS also co-hosts MVC3 application, which runs fine.
Not sure what is the issue? I am missing something, which hasn't been tried yet, your help would give me some sleep.
Update:
Refering to this post
I changed the bundle according to the answer by Calgary Coder, the image is loading now.
As per this post,
I changed my bundle (as per below format/pattern)
bundles.Add(new StyleBundle("~/Content/css/jquery-ui/bundle")
.Include("~/Content/css/jquery-ui/*.css"));
And the images are loading now. Thanks to Calgary Coder.
Related
DNN 09.09.01 / 2sxc 11. 22.1 / Image Gallery v5
App installation without problem, but when you click on image to show in Fancy box - you got message; The requested content can not be loaded. Please try again later.
I tested this with 2sic DNN Instant Bootstrap 4 theme and it is working just fine.
However, on this site I am using other DNN Theme ("Professional" Theme from DNNVista, Bootstrap 3, link; https://store.dnnsoftware.com/home/product-details/professional-15-colors-mega-menu-bootstrap-responsive-dnn-6x-7x-8x-dnn-9x) and this error occurred every time I click on a single photo.
I am aware that this Theme is full of bugs and I probably wasted 99$ for it, but would like to find out what is wrong and try to fix it in this particular Theme.
But - I don't know where to start, because there is no errors in Admin Log.
Any similar situations or ideas, please?
(sorry if I did not express my self clearly - English is not my Mother Tongue. Please ask if you need clarification)
UPDATE:
I found that, from some reason, hyperlinks for pictures are parsed without question mark after filename, but can't find a reason for such behaviour because everything is correct in app template.
Just a guess - probably you have some JS replacing other JS - like Fancybox being loaded 2x in different versions. Best check the Chrome-Network to verify.
Images embedded in Articles not being displayed in migrated Joomla website
I have migrated a Joomla 3.7.2 website from an old server to a new server using a particularly messy technique. Basically, I exported the database and then copied the important folders and it all worked remarkably well barring one very specific feature. Articles with images in them no longer display the images in the new site.
I have System - SEF enabled in both sites (and switching it off makes no difference)
I use JCE and in code view the typical line displaying the image looks like this:
<p><img src="images/players/shirt.jpg" alt="" /></p>
In both sites.
JCE is configured to use Relative URLs in both sites. If I turn that OFF then I get the image displayed in the new site. Of course that's just a hack around the problem not a solution to it.
Path to Files Folder, and Path to Images Folder is set to images in both sites.
HTML inspector on the old site shows the
<img src="/images/players/shirt.jpg" alt="Shirt">
And on the new site
<img src="images/players/shirt.jpg" alt="Shirt">
And if you hover over the url it says "could not load the image". The missing first '/' is clearly the problem but what is it that puts it there after the article is saved by the editor and before the html is displayed in the browser?
Slightly embarrassed to pretend this is an answer but today I got the prompt to update Joomla to 3.7.3 and of course immediately afterwards the problem has gone away.
New to developing for Sharepoint Online but I'm familiar with how to deploy/package web parts to both local Sharepoint and Sharepoint Online.
Trying to create a basic webpart that contains numerous image links or image buttons to run various links to different libraries and functions. The webpart will activate fine but what I'm struggling with is getting the images to display once deplyed to Sharepoint Online.
If I include the image in the web part solution and deploy it to the local Sharepoint, the image displays correctly but when packaged and uploaded the image won't display. I've googled a fair bit and tried different ways of adding the image as embedded resources in the Web Part package .wsp but none seem to work.
I know I can only make the web part in sandboxed form for use with Sharepoint online, so I can map to the Sharepoint images folder, and really need the image/icon files to be packaged with the .wsp.
Do i need to include the image files in a specific location within the solution for them to be packaged and referenced?
You need to add the images through a module
Url can be any document library.
<Module Name="Pics" Url="PathToDocLib">
<File Path="yourPicture.png" Url="Pics/yourPicture.png" />
</Module>
I'm starting my first PhoneGap project and am developing using Visual Studio and Windows Phone 7, although I intend on ultimately deploying to iOS and Symbian as well.
However, I'm stuck at Step 1. I have added an image to the www/images folder, and put the following code:
<img src="images/login-btn.png" width="103" height="42" style="margin-left:90px;" />
And I get:
It works fine when I preview it in IE9, but I don't have a Mac to test it on iOS yet.
It's worth noting that the JS files and CSS have loaded fine, it's just any image (whether referenced in CSS or an <img> tag) always comes up broken.
My guess would be the Build Action of your image file is incorrect.
According to http://wiki.phonegap.com/w/page/48672055/Getting%20Started%20with%20PhoneGap%20Windows%20Phone%207#4Reviewtheprojectstructure section 4. You should be setting the Build Action of your images etc to Content which simply copies them into the output project when it is built. They are probably currently set to Resource or None.
To change the Build Action right click a file and choose properties to go to the properties window if you do not already have it open. It is probably then the first property. Just click and choose the correct one.
I'm posting this to questions that I found while trying to find my answer to the same problem. The JS framework I use adds a url query to each image when in a debugging mode (in order to force browsers to reload image, instead of using cached). So, my image "image/background.jpg" would be accessed as "image/background.jpg?d=34342233". But, when running on PhoneGAP for Windows Phone, it won't recognize the image, and thus it shows up as broken. So, I had to turn off debugging for the framework I use, and suddenly the images showed up (still, don't forget to set the Build Action to "Content" as mentioned earlier).
Ok, first off, I know that the code referenced below has to do with a Joomla! site, however, I have had this problem on more than one site, not all of them using the Joomla! framework.
Now the problem:
I have some background images that are being referenced in my CSS stylesheet as:
background: url(../images/j_header_middle.png) repeat-x;
However, when the page is loaded into the web browser it is being referenced as:
background:url(http://64.19.142.11/www.outoftheblueinc.net/administrator/templates/bluestork/images/j_header_middle.png) repeat-x
I have done some searching on the web and have not been able to find a proper explanation as to why the images are being referenced this way. If I go into the console and remove the IP address from the file location it works just fine. I just have no idea why it is being added to the file location in the first place.
Any constructive ideas as to why this is happening are welcome.
I was wondering if you've found a satisfying explanation for this. If not then at least this post will serve as more data. My website recently had this problem too. In my javascript, I linked with the google hosted version of jQuery UI 1.8.18. Everything seemed ok for weeks until today when my browser kept trying to connect with 64.19.142.11. This link is the culprit.
http://64.19.142.11/ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/cupertino/images/ui-bg_highlight-hard_100_f2f5f7_1x100.png
That png file is an image resource specified by jQuery UI. I only started to see the problem today and I can't be sure whether it just started happening or the host with IP 64.19.142.11 recently went down. For weeks, jQuery ui 1.8.18 works fine.
Finally, after downgrading to 1.8.17 the problem seems to go away (no weird IP injection).