Cant see web pics on Mac

Forums › Mac OS › Cant see web pics on Mac

Spaceseeker

11 posts

Geek

#20966 11-Apr-2008 12:44

I've just made up a new website - i'm new to it and yes its fairly amaturish - but hopefully it will do as I learn Dreamweaver - thing is that the jpg pictures dont show up on Mac computers - any coders out there who can tell me why and what I need to do?

Thanks!!

1 | 2

1994 posts

Uber Geek
+1 received by user: 105

ID Verified

Trusted

Lifetime subscriber

#122831 11-Apr-2008 12:57

you need to make sure the file location of the jpg files are correctly reflected on your code of the website. And images are best to be done on gif instead of jpg as you don't want a heavy site.

Spaceseeker

11 posts

Geek

#122841 11-Apr-2008 13:13

The pictures show up on Microsoft computers - but not Mac - doesnt that mean the coding for the pics is correct? Also re GIF - i know that they are smaller but thought that GIF had limited colours and therefore wasnt good for photos - is this not right?

zocster

1994 posts

Uber Geek
+1 received by user: 105

ID Verified

Trusted

Lifetime subscriber

#122843 11-Apr-2008 13:16

please post your URL so we can see please

chakkaradeep

799 posts

Ultimate Geek

Trusted

#122868 11-Apr-2008 14:53

Spaceseeker: I've just made up a new website - i'm new to it and yes its fairly amaturish - but hopefully it will do as I learn Dreamweaver - thing is that the jpg pictures dont show up on Mac computers - any coders out there who can tell me why and what I need to do?

Thanks!!

1) Which browser are you using to view the website?
2) If Safari, can you please check with the default Safari AdBlocking service?
3) If Firefox, make sure you dont have any AdBlocking service
4) If nothing works, View the source of the website - right click->view source

And please post your URL

Regards,
Chaks

Desktop : Intel Quad Core Q9400 2.66GHz - 8GB RAM - 500 GB + 500 GB HDD - NVidia GeForce 9800GT - LG246WH Flatron Display - Windows Server 2008 R2 Enterprise with Hyper-V
Virtual Machine : Powered by Hyper-V and VMWare Workstation
Laptop: HP dv7-3004TX Entertainment Notebook PC | HP Touchsmart tx2 1119au - Windows 7 Ultimate x64
Mac: iMac 21.5" Snow Leopard
Mobile : iPhone 3GS

Spaceseeker

11 posts

Geek

#122905 11-Apr-2008 18:03

This is the url - its just an index until the domain name is moved over - but I can see the site ok in IE and Safari on my microsoft computer. I know the coding is probably terrible (dont shoot me!) - I'm going to redo it when I have finished the Dreamweaver tutorials - I just want to get it to work on Mac in the meantime. Any more comments about using jpg? i know its a pain for dial-up people but had heard it was preferable to gif because of the colour limitations of gif for photos issue.

http://kiwiwebhost.lytic.net.nz/~djewell/

Thanks for your help for this budding geek!

manhinli

2483 posts

Uber Geek
+1 received by user: 4

Trusted

#122906 11-Apr-2008 18:16

Does it result in this?

Well it's because of the poor coding (sorry I had to say that):

CODE:

<a href="./images\Images\image22large.jpg">
<img src="./images\Images\image22thumb.jpg" alt="Photo 1B"/></a>

URLs use the forward slash [/], and never the backslash [\]. Some browsers tend to automatically resolve this, but it's not standard.

Find me on Twitter!

I posted 1, 2 x 10^3 times!

Quic Broadband

Move to New Zealand's best fibre broadband service (affiliate link). Free setup code: R587125ERQ6VE. Note that to use Quic Broadband you must be comfortable with configuring your own router.

chakkaradeep

799 posts

Ultimate Geek

Trusted

#122914 11-Apr-2008 18:41

Spaceseeker:

This is the url - its just an index until the domain name is moved over - but I can see the site ok in IE and Safari on my microsoft computer. I know the coding is probably terrible (dont shoot me!) - I'm going to redo it when I have finished the Dreamweaver tutorials - I just want to get it to work on Mac in the meantime. Any more comments about using jpg? i know its a pain for dial-up people but had heard it was preferable to gif because of the colour limitations of gif for photos issue.

http://kiwiwebhost.lytic.net.nz/~djewell/

Thanks for your help for this budding geek!

I think manhinli has given a solution to try

manhinli

2483 posts

Uber Geek
+1 received by user: 4

Trusted

#122917 11-Apr-2008 19:03

Spaceseeker: Any more comments about using jpg? i know its a pain for dial-up people but had heard it was preferable to gif because of the colour limitations of gif for photos issue.

You could do something like extra compressing the pics for dialup users, and overlaying a higher resolution picture over it.

For more info: http://en.wikipedia.org/wiki/Image_compression

Here's something you maybe able to try* for serving up different images:

<div style="background: url(images/Images/LOWRES.JPG) no-repeat; width: XYZ; height: XYZ;"><img src="images/Images/HIGHRES.PNG" /></div>

* I have not tried this, I'm just thinking off the top of my head for this one.

So dialup users see the pictures quickly first, but the higher resolution pictures come later. Even though the browser will continually load the images until it completes, it will still enable the user to navigate through the site without any problems.

I like PNG, it retains quite a lot of the detail, and is great for higher speed connections.

Find me on Twitter!

I posted 1, 2 x 10^3 times!

chakkaradeep

799 posts

Ultimate Geek

Trusted

#122922 11-Apr-2008 19:12

I just noticed that your website does show images when viewed in Safari in Leopard but not in Firefox

Here is what I get when veiwed in Safari in Leopard,

But certainly you need to change the code to make it work in most of the browsers

manhinli

2483 posts

Uber Geek
+1 received by user: 4

Trusted

#122924 11-Apr-2008 19:14

Safari, IE seem to be the ones which "fix" the issues.

Find me on Twitter!

I posted 1, 2 x 10^3 times!

Spaceseeker

11 posts

Geek

#122931 11-Apr-2008 19:26

Thank you for your suggestions - it's much appreciated - I'll give it all a go and let you know how it worked out!

Apple TV

Stream your favourite shows now on Apple TV (affiliate link).

SightUnseen

130 posts

Master Geek
+1 received by user: 1

#123683 15-Apr-2008 15:13

zocster:
you need to make sure the file location of the jpg files are correctly reflected on your code of the website. And images are best to be done on gif instead of jpg as you don't want a heavy site.

This depends on the type of image. JPGs are best used for complex images or photos, where as GIFs are the best solution for less complex images. Instead of GIF, there is also PNG, which is a newer, more efficient, more flexible, file format. Google provides plenty of information on this.

The blog that never changes

Spaceseeker

11 posts

Geek

#123923 16-Apr-2008 09:41

I tried the suggested changes - but the site still didnt work properly - so I gave myself a crash course of Dreamweaver over the weekend and re did the site - seems to work like a charm now.

I'm still interested in the suggestion re download of the jpg images for dial up users - namely that they can start with a poorer image that gets better as more of it downloads - thank you for the line of code to try - but I have to admit my ignorance here - where the heck do I insert it?

SightUnseen

130 posts

Master Geek
+1 received by user: 1

#123925 16-Apr-2008 09:49

Spaceseeker:
I'm still interested in the suggestion re download of the jpg images for dial up users - namely that they can start with a poorer image that gets better as more of it downloads - thank you for the line of code to try - but I have to admit my ignorance here - where the heck do I insert it?

A better way of doing this (javascript will slow the page even more) is when saving the image in Photoshop there will be a check box option for 'progressive', which means when the image loads, it does it in several passes which add more and more quality on each pass. This enables the user to get a rough idea of what the image is about, and allows them to click through immediately, if they so desire. I do not know which image editor you are using, so I can't say whether it has this feature or not.

The blog that never changes

manhinli

2483 posts

Uber Geek
+1 received by user: 4

Trusted

#124138 16-Apr-2008 18:40

Spaceseeker: I'm still interested in the suggestion re download of the jpg images for dial up users - namely that they can start with a poorer image that gets better as more of it downloads - thank you for the line of code to try - but I have to admit my ignorance here - where the heck do I insert it?

You insert the code over the section where you would insert a normal picture. This really is just plain HTML (with CSS), it's simple, clean, tidy.

I just tested this method, and it seems to work with nearly all majors browsers (IE only shows the low res background when the page is manually stopped)

I uploaded a small demo.

SightUnseen: A better way of doing this (javascript will slow the page even more) is when saving the image in Photoshop there will be a check box option for 'progressive', which means when the image loads, it does it in several passes which add more and more quality on each pass. This enables the user to get a rough idea of what the image is about, and allows them to click through immediately, if they so desire. I do not know which image editor you are using, so I can't say whether it has this feature or not.

Progressive loading of images? I think you meant interlaced images - while helpful in some ways, this also increases the size of the image.

Safari automatically does this to images (at least in my tests anyway).

Find me on Twitter!

I posted 1, 2 x 10^3 times!

1 | 2