PDA

View Full Version : new page lacks a preloader -.-

blackout000
08-12-2005, 19:01
hi there, i just wanted to tell the admins that the mouseovers at the top navigation line arent preloaded, ie they take some time to switch to the mouseover-state the first time you use them. so place <span style="{display: none;}"><img1...><img2...>...</span>somewhere in the sourcecode (well, you can use js as well, but its pretty incompatible :\ )

(since i havent been able to find any webmaster email adress on the main page, i hope its 'legal' to post that issue in here :) )
ScP
08-12-2005, 19:47
I think this thread concerns me. I thought these rollover effects are a "nice to have" feature on the new page, but it seems like preloading those images is very important for many users.

:o

Thanks for your feedback. I'll fix this one soon...
Brain
08-12-2005, 21:17
No worries ScP, if you're doing mouseover buttons I have a handy piece of Javascript you might like:

function mouseover(object) {
var newsrc = object.src;
var insertat = newsrc.lastIndexOf("/");
newsrc = newsrc.substr(0,insertat) + "/mo_" + newsrc.substr(insertat + 1, newsrc.length);
object.src = newsrc;
}// end mouseover

function mouseout(object) {
var newsrc = object.src;
var insertat = newsrc.lastIndexOf("/");
newsrc = newsrc.substr(0,insertat + 1) + newsrc.substr(insertat + 4, newsrc.length);
object.src = newsrc;
}// end mouseout

function preload(someImage) {
someButton = new Image();
someButton.src = someImage;
}// end preload

Pretty straightforward, normal buttons are named "image.ext" and the mouseover buttons are named "mo_image.ext".
If you want to add a mouseover effect to an image just insert the following piece into the img tag:
onMouseOver="mouseover(this);" onMouseOut="mouseout(this);"
and you're set.
Right, and preloading is done by explicitely calling the preload function, preferably as an inline Javascript in head.
AMessler
09-12-2005, 01:47
Looks and works fine for me nice job
blackout000
10-12-2005, 21:56
why dont you preload and code the over with css which works even for those who dont have js enabled... oh and its much easier and clearer :)
0wn4g3
13-12-2005, 20:32
why dont you preload and code the over with css which works even for those who dont have js enabled... oh and its much easier and clearer :)


I agree, why bother with Javascript when the same type of effect can be done in CSS which is easy to edit, easier to code, and works on all browsers.
ScP
16-12-2005, 12:58
Just a little update for you guys:

- added a simple javascript image-preloader (the css effects aren't 100% compatible to all browsers)
- added a RSS feed for the latest news (http://www.goteamspeak.com/rss.php)
- added a printable page for FAQ items
sgtbenc
25-12-2005, 15:20
Awesome, but what about an RSS for the Developer Blog too?
Bastian
26-12-2005, 13:08
Hey. There is no more reason to visit GoTeamSpeak.com when the developer blog is available on every fan site out there.
sgtbenc
26-12-2005, 17:17
Except the forums.... The only reason I wanted it was so that it would tell me when it was updated....