|
|
|
| Здравствуйте
Нашел в сети очень интересный и живой учебник JavaScript, автор Richard R. BAUD, сотрудник CERN, работает в этой организации с 1980, живет во французской части Швейцарии.
Задача: при наведении курсора мыши на ссылку-картинку, изображение меняется, если курсор покидает область ссылки, картинка становится прежней. В учебнике предлагается два решения:
Первое:
Функции
<SCRIPT LANGUAGE="Javascript">
<!-- ;
function actif(){document.images["bouton1"].src="pic1.actif.gif"};
function passif(){document.images["bouton1"].src="pic1.gif"};
// -->
</SCRIPT>
|
Второе
<SCRIPT>
<!--;
function initialisation()
{
img=new Array();
img[0]=new Image();
img[0].src="imageoff.gif";
img[1]=new Image();
img[1].src="imageon.gif"
}
function actif(){document.images["bouton1"].src=img[1].src};
function passif(){document.images["bouton1"].src=img[0].src}
//-->;
</SCRIPT>
|
<BODY onLoad="initialisation();">
|
Первое решение названо более простым.
Автор рекомендует использовать второе решение, поскольку
-в этом случае повышается кросс-браузерная совместимость.
- произойдет предварительная загрузка всех изображений (imageon.gif, imageoff.gif), что не заставит пользователя ждать при наведении курсора на кнопку.
А Вы что думаете, какой вариант более предпочтителен и нужна ли предварительная загрузка всех изображений? | |
|
|
|
|
|
|
|
для: antf
(16.09.2005 в 14:45)
| | Конечно необходимо!
При предварительной загрузке изображение помещается в ОП, создается связь между изображением, в вашем случае, массивом img. При наведении мышки смена изображения происходит так, как мы к этому привыкли. Если же картинку заранее не загружать, то при подведении мышки изображение будет грузиться с сервера, и скорость смены изображения, мягко говоря, будет меньше, поэтому эффект 'смена изображения при наведении курсора' у вас вряд ли получится. :)
Кстати, а где учебник, не скажите, посмотреть интересно. | |
|
|
|
|
|
|
|
для: dim
(16.09.2005 в 21:23)
| | Учебник на французском http://richard.geneva-link.ch/951s.html, написан очень оригинально, такого не видел нигде. Например, в качестве примера приложения используется генератор оскорблений. http://richard.geneva-link.ch/insultron.htmlВот предисловие к нему:
Иногда бывают такие ситуации, когда нам хочется выругаться. Если в подобных ситуациях у Вас не хватает воображения, это приложение для Вас.
Вот как оно устроено. При щелчке на кнопке AUTO автоматически генерируется очень цветастый текст, где кого-то куда-то очень далеко и интересно посылают. В выпадающих списках представлены французские ругательства или просто связывающие элементы текста, кликнув на них можно немного подредактировать полученных текст. Рядом с кнопкой AUTO красуется кнопка ENVOI (отправить), ненавязчиво предлагая сие произведение кому-нибудь отправить по почте. Мне это приложение интересно вдвойне, т.е. меня интересует и код, и сам язык. И это личная страничка члена CERN, организации, откуда вышел Internet. Хотя это крайность, под оригинальностью я подразумеваю стиль изложения самого материала. | |
|
|
|