Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: Другой background при наведении курсора

Сообщения:  [1-10]    [11-20]  [21-22] 

 
 автор: deman-b   (06.04.2008 в 15:59)   письмо автору
 
   для: AlexSol   (06.04.2008 в 11:48)
 

XD
ну хоть какая то польза должна же от него быть))

   
 
 автор: AlexSol   (06.04.2008 в 11:48)   письмо автору
 
   для: deman-b   (06.04.2008 в 11:16)
 

из фронтпэйджа вытинул УЖОС!

   
 
 автор: deman-b   (06.04.2008 в 11:20)   письмо автору
 
   для: AlexSol   (06.04.2008 в 11:15)
 

если юзер предпочитает экономить траффик то он отключит граффику в браузере вообще.
и тогда ничего грузится не будет

   
 
 автор: deman-b   (06.04.2008 в 11:16)   письмо автору
 
   для: deman-b   (06.04.2008 в 11:10)
 

Вот! простой прелоадер. из фронтпэйджа вытинул..
его маленько переделпть и нормуль

<script language="JavaScript">
<!--
function FP_swapImg() {//v1.0
 var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
 n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
 elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_preloadImgs() {//v1.0
 var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
 for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}

function FP_getObjectByID(id,o) {//v1.0
 var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
 else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
 if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
 for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
 f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
 for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
 return null;
}
// -->
</script>
<body onload="FP_preloadImgs(/*url*/'button3.jpg')">

<p><a href="#">
<img border="0" id="img1" src="button2.jpg" height="20" width="100" alt="XXXXXX" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'button3.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'button2.jpg')" fp-style="fp-btn: Embossed Capsule 1; fp-font-color-hover: #008000; fp-img-press: 0" fp-title="XXXXXX"></a></p>

   
 
 автор: AlexSol   (06.04.2008 в 11:15)   письмо автору
 
   для: deman-b   (06.04.2008 в 11:10)
 

но если юзер не захочет вообще наводь что-то на ячейку, то кртинка просто так схавает его трафик ))

   
 
 автор: deman-b   (06.04.2008 в 11:10)   письмо автору
 
   для: Mookapek   (06.04.2008 в 00:32)
 

Вы маленько меня не поняли..
прелоадер - это функция на яваскрипте для предварительной загрузки этих изображжений.
вобщем то да - работает, но для удобства пользователя он необходим.
если юзер сидит через диалап, то когда он наведет на ячейку таблицы - оня появится не сразу..
ей же ещо нужно будет загрузится с сервера..
прелоадер же загружает эту картинку вместе со всем документом и когда юзер наведет на ячейку таблицы она появится моментально т.к. будет загружена не с сервера а из кэша.

   
 
 автор: Mookapek   (06.04.2008 в 00:32)   письмо автору
 
   для: deman-b   (05.04.2008 в 23:24)
 

никаких не надо прелоадеров.
все работает.

   
 
 автор: deman-b   (05.04.2008 в 23:24)   письмо автору
 
   для: Mookapek   (05.04.2008 в 21:41)
 

ну это не дело...
для рисунка тогда ещо нужен прелоадер на JS..

   
 
 автор: Mookapek   (05.04.2008 в 21:41)   письмо автору
 
   для: ddhvvn   (05.04.2008 в 21:34)
 

Всё, разобрался.
Мне надо было вставить фоновое изображение при наведении курсора. Правильно это делается так:
onmouseover="this.style.backgroundImage='url(image.jpg)';"

Спасибо.

   
 
 автор: ddhvvn   (05.04.2008 в 21:34)   письмо автору
 
   для: Mookapek   (05.04.2008 в 21:20)
 

Может он не знает this? Попробуйте document.getElementById(...)

   

Сообщения:  [1-10]    [11-20]  [21-22] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования