Approve the Cookies
This website uses cookies to improve your user experience. By using this site, you agree to our use of cookies and our Privacy Policy.
OK
Index  •   • New posts  •   • RTAT  •   • 'Best of'  •   • Gallery  •   • Gear  •   • Reviews
Guest
New posts  •   • RTAT  •   • 'Best of'  •   • Gallery  •   • Gear  •   • Reviews
Register to forums    Log in

 
FORUMS Post Processing, Marketing & Presenting Photos Presentation & Building Galleries 
Thread started 15 Sep 2010 (Wednesday) 09:11
Search threadPrev/next
sponsored links
(this ad will go away when you log in as a registered member)

Preloading With Non Flash Pages

 
Cosha
Goldmember
Avatar
1,213 posts
Joined Mar 2009
Location: Wiltshire, UK
     
Sep 15, 2010 09:11 |  #1

Hi All,

I build my webpages a real old school way...

First i draw the web page in photoshop

Then slices go in into dreamweaver

Then Uploaded....

When i click on my page i get all the slices load at different times

see:

http://www.westfork.co​.uk (external link)


I know its only basic, but is there away i can put a preloading bar or something that only lets you view the page when its loaded all the image slices?

I have adobe flash

Thanks


Oh...Hello :)

  
  LOG IN TO REPLY
sponsored links
(this ad will go away when you log in as a registered member)
Cosha
THREAD ­ STARTER
Goldmember
Avatar
1,213 posts
Joined Mar 2009
Location: Wiltshire, UK
     
Sep 15, 2010 09:14 |  #2

For example below

I want the whole page and images to load before the viewer gets to see


HOSTED PHOTO
please log in to view hosted photos in full size.


Oh...Hello :)

  
  LOG IN TO REPLY
afmrick
Member
Avatar
42 posts
Joined Nov 2009
     
Sep 15, 2010 12:59 |  #3

There's really no reason for that whole page to be images - it's mostly text anyway.

(A) I urge you to re-write that in HTML and only use images where they are needed. It'll load MUCH faster and be ALOT easier to update. HTML is very simple - most people can pick it up the basics in an evening (CSS/Stylesheets aside). Also, when your whole pages is images, the content can't be indexed by any search engines.

(B) I hate to even say this but, the only way you can preload them is by having the images load up in another page that they visit before the go to the page in your example. The classic example is the much hated, "Welcome" click-through page. On that page you could have the images load at 0x0 pixels so, that the viewers browser will have already (or already started) to cache the images when they click into the page in your example.

Seriously, play around with HTML - all you need is notepad (for windows) or any other simple text editor. Type in some HTML and change the file extension from .txt to .html. For the most part you can come pretty close to that page in HTML with just the <html>, <body>, <table>, <tr>, <td>, <a> and <img> tags:

<html>
<body>
<h1>Hello World!</h1>

<table>
<tr><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td></tr>
</table>

<a href="index.html">Link to index.html</a>
<img src="images/fake.jpg" width=0 height=0 alt="Fake image" />
</body>
</html>




  
  LOG IN TO REPLY
egordon99
Cream of the Crop
10,247 posts
Likes: 3
Joined Feb 2008
Location: Philly 'burbs
     
Sep 15, 2010 14:38 |  #4

Cosha wrote in post #10913314 (external link)
Hi All,

I build my webpages a real old school way...

First i draw the web page in photoshop

Then slices go in into dreamweaver

:lol:

Using Notepad is "old school"

Fireworks is "newer but still old school"

Dreamweaver is........uh, never mind.

EDIT - Using vi is old school. Notepad is "I'm too lazy to download a proper text editor, but I still would like to appear old school, so I'll deal without proper syntax highlighting"




  
  LOG IN TO REPLY
Cosha
THREAD ­ STARTER
Goldmember
Avatar
1,213 posts
Joined Mar 2009
Location: Wiltshire, UK
     
Sep 16, 2010 03:51 |  #5

Belive it or not, i did webpage design in college! a few moons ago mind!

I just find dream weaver easy, i just FTP the whole lot in one go, and i can design the way i like in photoshop and slice it, i know its the crap way of doing it, but its just the way i feel comfortable...

Mehh!

This webpage is for my best friend, he is more than happy with it - i know i should learn CSS and the alike but i just got way to much on at the moment to sit down!


Oh...Hello :)

  
  LOG IN TO REPLY
Gipetto
Senior Member
Avatar
482 posts
Likes: 1
Joined Jan 2006
Location: San Francisco, CA
     
Sep 17, 2010 22:41 |  #6

Any solutions that would do a pre-load type action are gonna take almost as much time as doing it right, and may prove just as annoying as flash if you don't do it right, so you may as well do it right. Slice out those images and use a table for layout if you don't have the CSS chops yet.


blog (external link) | gear | photos: zenfolio (external link), flickr (external link)

  
  LOG IN TO REPLY
Gig103
Senior Member
627 posts
Joined Sep 2008
Location: Gilbert, AZ
     
Sep 29, 2010 15:41 |  #7

egordon99 wrote in post #10915285 (external link)
EDIT - Using vi is old school.

Sorry to bump the old thread off topic, but hell yeah! I use Vim at work and it's great. I'm a software engineer, so maybe that's why, but it's great once you get used to it.


Canon Rebel XSi
Canon Lenses: 17-55mm f/2.8 IS |
55-250mm IS | 35mm f/2
Manfrotto 190xprob w/ 488rc2
My Gallery (external link)

  
  LOG IN TO REPLY
plexica
Junior Member
20 posts
Joined Sep 2010
     
Sep 29, 2010 17:12 |  #8

The page I brought up loaded so fast that it had a sort of animation effect and the only problem I had is that none of the nav links on the left work (maybe that's known) - as a web surfer I really don't care how a site is built, old school or otherwise, but if I was a customer, the links are critical.




  
  LOG IN TO REPLY
Cosha
THREAD ­ STARTER
Goldmember
Avatar
1,213 posts
Joined Mar 2009
Location: Wiltshire, UK
     
Oct 01, 2010 03:47 as a reply to  @ plexica's post |  #9

yes only 1 link is working so far

sales - rollover truck, and a big yellow truck for sale

Ok im glad it loaded up fast for you!


Oh...Hello :)

  
  LOG IN TO REPLY
tracknut
Goldmember
Avatar
1,740 posts
Likes: 1
Joined Jun 2005
Location: Folsom, California
     
Oct 01, 2010 10:03 |  #10

Just for completeness, I'll throw out another option.... with PHP you can turn on output buffering with ob_start (), which will hold all output to the client PC until you flush the buffer with ob_end_flush (). It won't reorder the images or otherwise fix the situation you've created with your photoshop slicing method, but it will remove delays that may be caused by other server-side processing or buffering that you might have.

Dave


Performance/sport dog photographer (external link)
Facebook (external link)
"Always available to shoot your dog"

  
  LOG IN TO REPLY
roofero
Member
197 posts
Gallery: 5 photos
Likes: 30
Joined Apr 2008
Location: Bay Area, CA
     
Oct 01, 2010 11:19 as a reply to  @ tracknut's post |  #11

Visit here:
http://www.htmlgoodies​.com …phics/article.p​hp/3480001 (external link)


flickr (external link)

  
  LOG IN TO REPLY
sponsored links
(this ad will go away when you log in as a registered member)

1,955 views & 0 likes for this thread
Preloading With Non Flash Pages
FORUMS Post Processing, Marketing & Presenting Photos Presentation & Building Galleries 
AAA
x 1600
y 1600

Jump to forum...   •  Rules   •  Index   •  New posts   •  RTAT   •  'Best of'   •  Gallery   •  Gear   •  Reviews   •  Member list   •  Polls   •  Image rules   •  Search   •  Password reset

Not a member yet?
Register to forums
Registered members may log in to forums and access all the features: full search, image upload, follow forums, own gear list and ratings, likes, more forums, private messaging, thread follow, notifications, own gallery, all settings, view hosted photos, own reviews, see more and do more... and all is free. Don't be a stranger - register now and start posting!


COOKIES DISCLAIMER: This website uses cookies to improve your user experience. By using this site, you agree to our use of cookies and to our privacy policy.
Privacy policy and cookie usage info.


POWERED BY AMASS forum software 2.1forum software
version 2.1 /
code and design
by Pekka Saarinen ©
for photography-on-the.net

Latest registered member is Angela Angie
891 guests, 290 members online
Simultaneous users record so far is 15144, that happened on Nov 22, 2018

Photography-on-the.net Digital Photography Forums is the website for photographers and all who love great photos, camera and post processing techniques, gear talk, discussion and sharing. Professionals, hobbyists, newbies and those who don't even own a camera -- all are welcome regardless of skill, favourite brand, gear, gender or age. Registering and usage is free.