473,809 Members | 2,757 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Place elements before loading images

HI

I'm working on a site

http://www.josvanriswick.nl/nieuw

in which i use absolute positioning. On my pc at home i didn't notice,
but
now, as the site is on air and loading images is a bit slower, I notice
that
the positioning doesn't happen until after the images are loaded.
Probably
this is because I use 'onLoad' to call the function which centers my
elements. Is there a way to do positioning before the images have
loaded?

Jos

Jul 23 '05 #1
9 1464
wrote on 01 mrt 2005 in comp.lang.javas cript:
I'm working on a site

http://www.josvanriswick.nl/nieuw

in which i use absolute positioning. On my pc at home i didn't notice,
but
now, as the site is on air and loading images is a bit slower, I notice
that
the positioning doesn't happen until after the images are loaded.
Probably
this is because I use 'onLoad' to call the function which centers my
elements. Is there a way to do positioning before the images have
loaded?


Start with building a page without frames,
frames are evil if you want to use css and javascript,
IMHO of course.

Het ziet er verder best al mooi uit, hoor.

"Stillevens " of "Stille wens"? ;-)

--
Evertjan.
The Netherlands.
(Replace all crosses with dots in my emailaddress)

Jul 23 '05 #2
jo*****@xs4all. nl napisał(a):
HI

I'm working on a site

http://www.josvanriswick.nl/nieuw

in which i use absolute positioning. On my pc at home i didn't notice,
but
now, as the site is on air and loading images is a bit slower, I notice
that
the positioning doesn't happen until after the images are loaded.
Probably
this is because I use 'onLoad' to call the function which centers my
elements. Is there a way to do positioning before the images have
loaded?


Why are you using js to center the elements to begin with?
Use javascript to spice up your page, add some additional functionality,
never to get your page properly displayed.
A lot of users simply turn javascript off, imagine what they will see...

CSS is a correct and easy way to achieve this.

--
tomasz cenian tcenian at wa dot home dot pl
:::: :: : : http://cenian.boo.pl : : :: ::::
Jul 23 '05 #3
hmm why? Yes I suppose the fixed part in the top of
the page could also be done using a 'fixed' element..

Jos

Jul 23 '05 #4
wrote on 01 mrt 2005 in comp.lang.javas cript:
hmm why? Yes I suppose the fixed part in the top of
the page could also be done using a 'fixed' element..


[please answer quoting relevant part of the original, this is not email,
but usenet]

Why not to use frames?

Many reasons, though strong meanings differ as usual.
<http://groups-beta.google.com/groups?q=frames .are.evil>
<http://www.google.com/search?q=frames .are.evil>

In your case because execution has to wait till the frames are loaded.

--
Evertjan.
The Netherlands.
(Replace all crosses with dots in my emailaddress)

Jul 23 '05 #5
Because I use absolute positioning and the positions
I have to give depend on the width of the browser window.
Maybe yes there are better ways to do this.?

Jul 23 '05 #6
jo*****@xs4all. nl napisał(a):
Because I use absolute positioning and the positions
I have to give depend on the width of the browser window.
Maybe yes there are better ways to do this.?


Most definetely there is a better way to do this. You should really rely
on CSS here.

--
tomasz cenian tcenian at wa dot home dot pl
:::: :: : : http://cenian.boo.pl : : :: ::::
Jul 23 '05 #7
Hm... ok. But as I use a redirect-url for my page, I won't
be able to get around using at least one frame. Also frames
are convenient for storing static javascript variables (I mean
variables that remain constant when one loads another page).
Anyhow, I'll dig in to css some more to see if there is a way
to solve it without using javascript in the first place.

Jul 23 '05 #8
wrote on 01 mrt 2005 in comp.lang.javas cript:
Hm... ok. But as I use a redirect-url for my page, I won't
be able to get around using at least one frame. Also frames
are convenient for storing static javascript variables (I mean
variables that remain constant when one loads another page).
Anyhow, I'll dig in to css some more to see if there is a way
to solve it without using javascript in the first place.


Sorry, I stop anwering if you expect us to look back to previous postings,
because you don't provide quoting.

It is against netiquette. Read the FAQ.

--
Evertjan.
The Netherlands.
(Replace all crosses with dots in my emailaddress)

Jul 23 '05 #9
JRS: In article <Xn************ ********@194.10 9.133.29>, dated Tue, 1
Mar 2005 16:30:22, seen in news:comp.lang. javascript, Evertjan.
<ex************ **@interxnl.net > posted :
wrote on 01 mrt 2005 in comp.lang.javas cript:
Hm... ok. But as I use a redirect-url for my page, I won't
be able to get around using at least one frame. Also frames
are convenient for storing static javascript variables (I mean
variables that remain constant when one loads another page).
Anyhow, I'll dig in to css some more to see if there is a way
to solve it without using javascript in the first place.


Sorry, I stop anwering if you expect us to look back to previous postings,
because you don't provide quoting.

It is against netiquette. Read the FAQ.


The FAQ only says what should be done; in this case it appears necessary
to explain how it is done, since he uses Google. See below.

--
© John Stockton, Surrey, UK. ?@merlyn.demon. co.uk Turnpike v4.00 MIME ©
Web <URL:http://www.uwasa.fi/~ts/http/tsfaq.html> -> Timo Salmi: Usenet Q&A.
Web <URL:http://www.merlyn.demo n.co.uk/news-use.htm> : about usage of News.
No Encoding. Quotes before replies. Snip well. Write clearly. Don't Mail News.
Jul 23 '05 #10

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

4
3752
by: Adrian MacNair | last post by:
Hi, I created an image gallery which displays 63 images in a slideshow. The problem is that the show was slow because each image loaded one at a time during the show. No problem right? I just did a preload script. But then the user has to sit for 5 minutes waiting for 63 images to download! My images are about 640x480 and average 100kb. Is this too much for one page to load? Should I load my slideshow into differerent windows? If so,...
15
2338
by: Geoff Cox | last post by:
Hello I have following type of code in the header function pre_load_pics() { if (document.images) { var image1 = new Image(400,265); image1.scr = "pic1.jpg";
4
1622
by: VR | last post by:
Hi, I am trying to have a menu item (which is an HTML img) to change as a mouse moves over it. So, my code looks something like this: <a onmouseover="ActivateImage('MyImage');" onmouseout="InactivateImage('MyImage');" href="javascript:void(FollowLink('MyImage'));">
2
2995
by: Jean Pierre Daviau | last post by:
When I have something like this in a js file. listeImg = new Array(); listeImg = new Image(w,h); listeImg.src = "centre1.jpg"; etc Are the images loaded after the page is loaded? In the same time? Before the page is loaded? The browser decision? If the visitors goes, before the procedure is over, to another page having a link to the same js file, will the other page allows for the rest of the
0
2208
by: speedcoder | last post by:
hi all, i'm stumped. my applet used to load images over the network. (it was actually designed by someone else.) yes, the applet used to load each image file independently over the network and incurred a network hit per image file. i wanted to avoid the overhead of a separate network connection for each image file, so i bundled all the images into the JAR file. yet, somehow, the loading time for the applet is slower now! i'm totally...
1
3408
by: agatha.life | last post by:
I did a javascript for the loading of images (I didn't want to have the images loaded in "on loading" because they are too many). The website is for a model and if you look at the codeof pages ( for ex. http://www.agathamoon.com/gallery_48_eng.htm ) using explorer or firefox it works, with safari it doesn't! :( The idea is to have the word "loading" appearing while going from an image to another.
1
1922
by: mlikesit | last post by:
I am trying to get the following code to pre-load some images before re-dirrecting the user. The problem is that the onError event gets called for all of the images immediately. I've tripple checked that the images do in fact exist at the specific url, so I can't figure out why the onError is being called. The script is currently posted on http://www.mkcustomdesign.com/index.html. <script type="text/javascript"> var imagesToLoad = 0;...
7
4168
by: Geoff Cox | last post by:
Hello, I have the code below in which the play1.gif image is visible and when the associated sound has been played the the 2 images same1.gif and different1.gif appear. Once one of these has been selected the 3 images and the title disappear and the second title and play image appear etc. Problem is that for sucessive Test titles the titles and the associated images move down the page. I am using the following css.
0
9721
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
10376
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
10378
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
10115
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
9198
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
7653
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
5687
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
4332
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
3
3013
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.