PDA

Zobacz pełną wersję : countdown.. wymiana cyfr na obrazkowe odpowiedniki, jak?



8005macgyver
16-01-2010, 18:05
Witam!
zainstalowałem u Siebie moduł http://extensions.joomla.org/extensions/calendars-a-events/countdown/7342
spolszczyłem, nawet udało mi się osadzić czcionkę z zewnątrz by wyglądał jak prawie ten:
http://extensions.joomla.org/extensions/calendars-a-events/countdown/9996

natomiast mój problem jest taki iż nie wszystkie przeglądarki obsługują osadzone czcionki, a duża większość ma problem.

Chcę zdefiniować tak skrypt by zamieniał cyfry na ich graficzne odpowiedniki które wcześniej przygotuję.
mam skrypt graficznego zegara:

/*
* Graphical clock
* Copyright 2005 by Michal Nazarewicz (mina86/AT/tlen.pl)
* Licensed under Academic Free License 2.1
*/

var digit_imgs_path = 'gif/';
var clock_24h = true;
var clock_with_seconds = true;

var digit_imgs = new Array();
for (var i = 0; i<10; ++i) {
digit_imgs[i] = new Image();
digit_imgs[i].src = '' + digit_imgs_path + 'c' + i + '.gif';
}
digit_imgs[10] = new Image();
digit_imgs[10].src = '' + digit_imgs_path + 'cb.gif';
if (!clock_24h) {
digit_imgs[11] = new Image();
digit_imgs[11].src = '' + digit_imgs_path + 'cam.gif';
digit_imgs[12] = new Image();
digit_imgs[12].src = '' + digit_imgs_path + 'cpm.gif';
}

function gfx_clock() {
if (!document.images) return;
var date = new Date();
var tmp = date.getHours();
if (!clock_24h) {
if (tmp>12) {
document.images.clock_ap = digit_imgs[12].src;
tmp -= 12;
} else {
document.images.clock_ap = digit_imgs[11].src;
}
}
document.images.clock_h10.src = digit_imgs[Math.floor(tmp/10)].src;
document.images.clock_h1.src = digit_imgs[tmp%10].src;
tmp = date.getMinutes();
document.images.clock_m10.src = digit_imgs[Math.floor(tmp/10)].src;
document.images.clock_m1.src = digit_imgs[tmp%10].src;
if (clock_with_seconds) {
tmp = date.getSeconds();
document.images.clock_s10.src = digit_imgs[Math.floor(tmp/10)].src;
document.images.clock_s1.src = digit_imgs[tmp%10].src;
}
setTimeout('gfx_clock();', 1000);
}

function write_gfx_clock() {
if (!document.images) return;
with (document) {
write('<img src="' + digit_imgs_path + '/cb.gif" name="clock_h10">');
write('<img src="' + digit_imgs_path + '/cb.gif" name="clock_h1">');

write('<img src="' + digit_imgs_path + '/colon.gif">');
write('<img src="' + digit_imgs_path + '/cb.gif" name="clock_m10">');
write('<img src="' + digit_imgs_path + '/cb.gif" name="clock_m1">');

if (clock_with_seconds) {
write('<img src="' + digit_imgs_path + '/colon.gif">');
write('<img src="' + digit_imgs_path + '/cb.gif" name="clock_s10">');
write('<img src="' + digit_imgs_path + '/cb.gif" name="clock_s1">');
}

if (!clock_24h) {
write('<img src="' + digit_imgs_path + '/cam.gif" name="clock_s1">');
}
}
}


da się to zrobić?