Geekzone: technology news, blogs, forums
Guest
Welcome Guest.
You haven't logged in yet. If you don't have an account you can register now.


Spaceseeker

11 posts

Geek


#20966 11-Apr-2008 12:44
Send private message

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!!

View this topic in a long page with up to 500 replies per page Create new topic
 1 | 2
zocster
1957 posts

Uber Geek

ID Verified
Trusted
Lifetime subscriber

  #122831 11-Apr-2008 12:57
Send private message

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.


 
 
 

Backblaze Unlimited Backup. World’s easiest cloud backup. Get peace of mind knowing your files are backed up securely in the cloud (affiliate link).
Spaceseeker

11 posts

Geek


  #122841 11-Apr-2008 13:13
Send private message

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
1957 posts

Uber Geek

ID Verified
Trusted
Lifetime subscriber

  #122843 11-Apr-2008 13:16
Send private message

please post your URL so we can see please



chakkaradeep
799 posts

Ultimate Geek

Trusted

  #122868 11-Apr-2008 14:53
Send private message

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 Smile




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
Send private message



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

Trusted

  #122906 11-Apr-2008 18:16
Send private message

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!

chakkaradeep
799 posts

Ultimate Geek

Trusted

  #122914 11-Apr-2008 18:41
Send private message

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 Wink




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



manhinli
2483 posts

Uber Geek

Trusted

  #122917 11-Apr-2008 19:03
Send private message

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
Send private message

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




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

manhinli
2483 posts

Uber Geek

Trusted

  #122924 11-Apr-2008 19:14
Send private message

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
Send private message

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

SightUnseen
130 posts

Master Geek


  #123683 15-Apr-2008 15:13
Send private message

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.

Spaceseeker

11 posts

Geek


  #123923 16-Apr-2008 09:41
Send private message

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


  #123925 16-Apr-2008 09:49
Send private message

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.


manhinli
2483 posts

Uber Geek

Trusted

  #124138 16-Apr-2008 18:40
Send private message

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
View this topic in a long page with up to 500 replies per page Create new topic





News and reviews »

InternetNZ Releases Internet Insights 2023
Posted 20-Feb-2024 10:31


Seagate Adds 24TB IronWolf Pro Hard Drives for Multi-user Commercial and Enterprise RAID Storage Solutions
Posted 19-Feb-2024 16:54


Seagate Skyhawk AI 24TB Elevates Edge Security Capacity and Performance
Posted 9-Feb-2024 17:18


GoPro Releases Quik Desktop App for macOS and Introduces Premium+ Subscription Tier
Posted 9-Feb-2024 17:14


Ring Introduces New Ring Battery Video Doorbell Pro
Posted 9-Feb-2024 16:51


Galaxy AI Transforms the new Galaxy S24 Series
Posted 18-Jan-2024 07:00


D-Link launches AI-Powered Aquila Pro M30 Wi-Fi 6 Mesh Systems
Posted 17-Jan-2024 20:02


Newest LG 4K Lifestyle Projector Doubles as Art Objet
Posted 9-Jan-2024 15:50


More LG Smart TV Owners Set To Enjoy the Latest webOS Upgrade
Posted 9-Jan-2024 15:45


Panasonic Announces the Z95A and Z93A With Fire TV Built In
Posted 9-Jan-2024 15:30


Amazon Echo Pop Review
Posted 8-Jan-2024 14:22


Samsung Tab S9 FE Review
Posted 17-Dec-2023 08:26


Year in Search: What Kiwis Searched for in 2023
Posted 12-Dec-2023 08:18


New Air Traffic Management Platform and Resilient Buildings a Milestone for Airways
Posted 6-Dec-2023 05:00


Logitech G Launches New Flagship Console Wireless Gaming Headset Astro A50 X
Posted 5-Dec-2023 21:00









Geekzone Live »

Try automatic live updates from Geekzone directly in your browser, without refreshing the page, with Geekzone Live now.



Are you subscribed to our RSS feed? You can download the latest headlines and summaries from our stories directly to your computer or smartphone by using a feed reader.







GoodSync is the easiest file sync and backup for Windows and Mac