Lechii
Member | Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Спасибо LelikV за скрипт .
Несколько досадно то , что данный скрипт не реализует стандартную объектную модель , да и указание параметров картинок в теле скрипта не очень удобно . Хочу предложить взамен скрипт "Image Rollover" by Daniel Nolan :
Цитата:| This script is a standards compliant means of adding mouse rollover code to images in a document without the hassle of coding in extra parameters to each image in your document. This code is standards compliant and should not invalidate your document. |
Код:
function initRollovers() {
if (!document.getElementById) return
var aPreLoad = new Array();
var sTempSrc;
var aImages = document.getElementsByTagName('img');
for (var i = 0; i < aImages.length; i++) {
if (aImages[i].className == 'imgover') {
var src = aImages[i].getAttribute('src');
var ftype = src.substring(src.lastIndexOf('.'), src.length);
var hsrc = src.replace(ftype, '_o'+ftype);
aImages[i].setAttribute('hsrc', hsrc);
aPreLoad[i] = new Image();
aPreLoad[i].src = hsrc;
aImages[i].onmouseover = function() {
sTempSrc = this.getAttribute('src');
this.setAttribute('src', this.getAttribute('hsrc'));
}
aImages[i].onmouseout = function() {
if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('_o'+ftype, ftype);
this.setAttribute('src', sTempSrc);
}
}
}
}
window.onload = initRollovers;
|
Использование :
Для каждой картинки изменяющейся при наведении курсора , добавляется атрибут class="imgover" :
Код:| <img src="sample.jpg" alt="Some Image" class="imgover"> |
И наконец , для создания самого Rollover - картинку использующееся как rollover state надо поместить в папку где находится оригинал с одинаковым названием и добавлением _o в конце , например : sample.jpg (original) , sample_o.jpg (rollover state) .
"Живой" пример и комментарии автора можно увидеть здесь : http://www.bleedingego.co.uk/code/js/rollover/
От себя добавлю , что скрипт очень удобен в употреблении и протестирован на профпригодность в IE5+, NN6/Mozilla, Opera7.
P.S. скрипт полностью свободный к распространению (подтверждено в разговоре с автором)  |
Всего записей: 273 | Зарегистр. 26-12-2002 | Отправлено: 14:39 20-04-2003 | Исправлено: Lechii, 14:41 20-04-2003 |
|
