I have a website with thumbnails that link to pictures in a new tab. For whatever reason some of them work and some of them don't. Is this most likely a problem with my schools web server? I'll link the code here as well as the website.
Here is the website
If you scroll down to the second part of this photo gallery you will notice that some of these thumbnails are not working and when you click them the full image does not show up either. Using filezilla I copy and pasted from my PC into the server all at once. So I feel like there may be something I'm missing in the code. At the same time however the code is exactly the same except with different names so I have no idea whats going on. If you see any coding issues please let me know otherwise I will just assume it is a problem with the schools web server.
And here is some of the code.
<tr>
<td><img src="images/tn_quiltexample1.jpg" alt="Quilt Example"></td>
<td><img src="images/tn_quiltexample2.jpg" alt="Quilt Example"></td>
<td><img src="images/tn_quiltexample3.jpg" alt="Quilt Example"></td>
<td><img src="images/tn_quiltexample4.jpg" alt="Quilt Example"></td>
</tr>
<tr>
<td><img src="images/tn_quiltexample5.jpg" alt="Quilt Example"></td>
<td><img src="images/tn_quiltexample6.jpg" alt="Quilt Example"></td>
<td><img src="images/tn_quiltexample7.jpg" alt="Quilt Example"></td>
<td><img src="images/tn_quiltexample8.jpg" alt="Quilt Example"></td>
</tr>
From the code I linked. Quiltexample 3, 4, and 5 are not showing up.
Your 3 images that are missing have uppercase file extensions and the web server being used is configured to respect case sensitivity.
These urls work:
http://rnissen.myweb.usf.edu/images/quiltexample3.JPG
http://rnissen.myweb.usf.edu/images/quiltexample4.JPG
http://rnissen.myweb.usf.edu/images/quiltexample5.JPG
You can also just access them without the extension.
http://rnissen.myweb.usf.edu/images/quiltexample3
http://rnissen.myweb.usf.edu/images/quiltexample4
http://rnissen.myweb.usf.edu/images/quiltexample5
Related
what is the reason, that I can not see the picture by mozilla and expolre
photo number1: that is in mozilla fire fox and explore Browser
photo number 2: that is in google chrome Browser
<div style="display: inline-flex;" >
<table border="1px">
<tr>
<ul>
<th id="th">Managers
</th>
<th id="th">photo </th>
<th id="th"> Favorite saying to motivate</th>
</ul>
</tr>
<tr>
<ul>
<td>Ali Alahmad</td>
<td> <img src="https://cdn3.iconfinder.com/data/icons/business-vol-2-flat-icons/72/57-512.png" width="100" height="100"></td>
<td> A year from now you may wish you had started today</td>
</ul>
</tr>
<tr>
<ol>
<td>Mohamad Batan</td>
<td> <img src="https://lh3.googleusercontent.com/proxy/n3clVffDASpg_SKsRgjBQIkaMyB4X66HthmC6VNHGr1QpOOq4BZA52op-PcAZWgqDvayYl8P6n-zeCbwslH4w5bLIy9LQjWic-MFDYEnHGQVIGRc_RY0AyeOUJI6hdX1e7EpBqFI2ggISHX7irwecA9NCIQhcA" width="100" height="100"></td>
<td> Don't let the past hold you, you're missing the good stuff</td>
</ol>
</tr>
<tr>
<td>Khandro</td>
<td> <img src="https://cdn2.iconfinder.com/data/icons/user-23/512/User_Executive_1.png" width="100" height="100"> </td>
<td>Every new day is another chance to change your life</td>
</tr>
</table>
</div>
https://lh3.googleusercontent.com/proxy/n3clVffDASpg_SKsRgjBQIkaMyB4X66HthmC6VNHGr1QpOOq4BZA52op-PcAZWgqDvayYl8P6n-zeCbwslH4w5bLIy9LQjWic-MFDYEnHGQVIGRc_RY0AyeOUJI6hdX1e7EpBqFI2ggISHX7irwecA9NCIQhcA
Looks like a link to a GMAIL proxy image, these can only be viewed if you're logged into gmail as the user that received the email with this image.
To clarify, when you send an email with an image to someone though gmail, google will download this image into their own cache server googleusercontent and then send that link instead of the original image.
This is to protect you from viruses or unauthorized downloads that may happen because the image may not actually be an image when it's sent by a malicious user.
What happens is that the google cached image can only be viewed by the person who was meant to receive it, and google knows this only if you're logged in as that user.
Try asking the person that can see it to download that image to his/her computer and sending it to you or uploading it again to some server.
Maybe they can't load that one picture. Try to download it and put the Image Path in the img src
You are logged in via Google on chrome that is why you can see it, but not in other browsers.
So it need the correct cookie stored to know that it's you that is requesting the file.
Actually it seems your link is wrong. I can't see the picture in any browser.
if you try the url picture in your browser directly you can see that it returns 403 Unauthorized error from google. By and Large this picture is not public.
Browser Error
I have a plugin called UPI India in pub.dev whose readme contains two images. Both images are visible in Readme of Github but not in the Readme of pub.dev
Images in Pub
Images in Github
I am using absolute path in Readme.
<table>
<tr>
<td><img src="https://github.com/mdazharuddin1011999/UPI-Plugin-Flutter/blob/master/images/success.jpg" alt="Success Status" width="200"></td>
<td><img src="https://github.com/mdazharuddin1011999/UPI-Plugin-Flutter/blob/master/images/show.gif" alt="How example looks" width="200"></td>
</tr>
</table>
Does anyone know why this is happening?
Problem solved!
I used the cdn link instead of repository link.
<img src="https://user-images.githubusercontent.com/42082172/82893565-d3643480-9f6e-11ea-96a7-493181df6214.gif" alt="How example looks" width="300" height="540">
<img src="https://user-images.githubusercontent.com/42082172/82893023-1245ba80-9f6e-11ea-868d-a55062d34086.jpg" alt="Success Status" width="300" height="540">
Hope it helps someone in future.
There's a simpler way where you can try something like this:
<table>
<tr>
<td><img src="https://github.com/mdazharuddin1011999/UPI-Plugin-Flutter/raw/master/images/success.jpg" alt="Success Status" width="200"></td>
<td><img src="https://github.com/mdazharuddin1011999/UPI-Plugin-Flutter/raw/master/images/show.gif" alt="How example looks" width="200"></td>
</tr>
</table>
Just change the /blob/ to /raw/ in your Github url.
I'm writing a simple website and cannot seem to figure out a small problem. Whenever I insert an image (all images are in an Images subfolder) I use the exact same image code. However, for some reason some of the images show up as broken links when I put the website on a server and access it that way. I access the exact same place from the server locally and the images look just fine. When accessed from the server through the internet only the first image in the table shows up. I know the files are not corrupted and every other reference throughout the website works just fine. Any thoughts?
Edit: The permissions are the same for every image in the folder. Read/Execute on all files.
<div id="headshots">
<table>
<thead>
<tr>
<th colspan="4" style="text-align:center">THE TEAM</th>
</tr>
</thead>
<tr>
<td><img src="Images/Example0.jpg" alt="****" /></td>
<td><img src="Images/Example1.jpg" alt="****" /></td>
<td><img src="Images/Example2.jpg" alt="****" /></td>
<td><img src="Images/Example3.jpg" alt="****" /></td>
</tr>
<tr>
<td style="text-align:center; color:white" bgcolor="#C59353">Example0</td>
<td style="text-align:center; color:white" bgcolor="#C59353">Example1</td>
<td style="text-align:center; color:white" bgcolor="#C59353">Example2</td>
<td style="text-align:center; color:white" bgcolor="#C59353">Example3</td>
</tr>
</table>
</div>
I am assuming that the main difference here is that locally you're using Windows while your server is using Linux. The main thing to look out for in Linux vs. Windows is case-sensitivity. Say, if one of your images is named example1.jpg or Example1.JPG, it will not work with your code.
I am almost certain that this is the solution to your problem, although it's actually more of a guess, so if you have additional information please post it here.
I have some html to connect to server's(Remote server path's) like this
<TABLE BORDER="5" WIDTH="90%" CELLPADDING="4" CELLSPACING="3">
<TR>
<TH COLSPAN="2"><BR><H4><Font color=GREEN><b>CIT</b></FONT></H4></TH>
</TR>
<TR>
<TH COLSPAN="2">123</TH>
<TH></TH>
</TR>
<TR ALIGN="CENTER">
<TD COLSPAN="2"><a href=http://123.abc.com/apps>Eformer</a></TD>
</TR>
<TR ALIGN="CENTER">
<TD><a href=http://123.abc.com/apps/way>Gateway - PULSE</a></TD>
<TD><a href=http://123.abc.com/apps/gate>Gateway - HONDA</a></TD>
</TR>
<TR ALIGN="CENTER">
<TD><a href=http://123.abc.com/apps/mm>Fax - PULSE</a></TD>
<TD><a href=http://123.abc.com/apps/mn>Fax - HONDA</a></TD>
</TR>
<TR ALIGN="CENTER">
<TD><a href=http://123.abc.com/apps/pulse>TYPE - PULSE</a></TD>
</TR>
<TR ALIGN="CENTER">
<TD><a href=http://123.abc.com/apps/xy>POST - PULSE</a></TD>
<TD><a href=http://123.abc.com/apps/yz>POST - HONDA</a></TD>
</TR>
<TR ALIGN="CENTER">
<TD><a href=http://123.abc.com/apps/ss>Agent - PULSE</a></TD>
</TR>
</TABLE>
This works in IE & Chrome but doesn't work in Firefox. Can someone extend their kind help to work out?
Finally,i've found it. There is variation in format to work in firefox.We need to include 5 forward slashes to work in firefox.Here is the example
Eformer
For our example it should be formatted as -
<TD>POST - PULSE</TD>
<TD>POST - HONDA</TD>
where 123 is server name and no need to specify domain(abc.com) in our above example.
This works in all IE,Chrome & Firefox browswers.
Links in href must be enclosed in "" as
Read more about using links here. Also link url must not be broken on server end.
All mentioned browsers are capable of handling invalid HTML and opening your links in an appropriate manner. link is one of the oldest HTML tags and core functionality of HTML and works even if you are using very old versions of browsers.
As a good analyist, there must be something different going wrong; I can imagine 3 cases:
You are using a missconfigured proxy (from school or business) which has a problem with your paths.
Your browser(s) openes the url correct, but your server redirects to a different (wrong/unexpected) path due to missconfiguration
You have installed a firewall / antivirus / proxy / plugin which changes the URI in the HTTP request to something unexpected
Good luck on your mission Mr. Hunt. This message will self destruct in 5, ..4, ...3, ...
Is there a problem with my HTML code that would cause my image to not appear?
<tbody>
<tr>
<td>1517 N Lotus</td>
<td><img src = "0004livingroombrown.jpeg" alt ="livingroom" width="92"height="120"></td>
<td>hello3</td>
<td>hello4</td>
<td>hello5</td>
</tr>
</tbody>
your code doesn't show any problem.
If you are sure that the image is on the same folder where code exist
than try to change the extension .jpeg to .jpg
that will resolve your problem.