Kaitinošs gļuks

[rudzis]

Lieta tāda, ka lapas menu sastāv no png bildītēm, kur katrai, protams, ir uzlikts links. Pieliekot katrai bildītei name atribūtu, kā arī onmouseover un onmouseout, un vēl ar šādu JS kodu:

<script language="javascript" type="text/javascript">
function image(image_name,image_src) {
document.images[image_name].src = image_src;
}
</script>

panāku rollover efektu. Viss strādā perfekti, bet uz Firefox, pēc kursora uzbīdīšanas uz bildes, status bar'ā parādās vai nu "Waiting for xx.xx.xx.xx...", vai arī "Transferring data from xx.xx.xx.xx...". Uz IE šī gļuka nav, uz citiem neesmu pārbaudījis. Kāds zin, kā to novērst? Patiešām kaitinoši ;)

[Grey_Wolf]

tu vinjas ieprieksh ieleedee brauzeri?

( JS to atljauj sakot no vers 1.1 :) )

 

pee taa ko uzrakstiji - koda gruuti spriest, bet izskataas ka ne ...

[rudzis]

Iekš JS esmu pilnīgs āmurs. Šo variantu kaut kur sagūglēju. Varbūt vari ko ieteikt?

[Venom]

vienk. pieņemot, ka attēli tev sauksies menu1.png, menu2.png utt.

<script>

cnt=10; //menu1....menu9

i=[];

while(--cnt)

{

i[cnt]=new Image;

i[cnt].src='menu'+cnt+'.png';

}

pārējais javascript

</script>

[rudzis]

Venom, paldies! :)

[Venom]

NB: padomāju, laikam tomēr labāk likt to blāķi pēc citām funkcijām, lai tās (f-jas) ir pieejamas, bet imāgi lādējās vēlāk, + visu to skriptu varētu ielikt lapas beigās

[bubu]

Laikam jau šitā būs labāk, ne?

window.onload = function() {
... // te tas Venom kods
}

[Venom]

mazliet neuzticos, ja lādējas visādi kounteri

[bubu]

Tas bij tāds vienkāršs piemērs. Precīzāk un korektāk jau šādi jāraksta:

function addEvent(obj, event, fn) {
   if (obj.addEventListener) {
       obj.addEventListener(event, fn, false);
   } else if (obj.attachEvent) {
       obj.attachEvent('on'+event, fn);
   } else {
       obj['on' + event] = fn;
   }
}

addEvent(window, 'load', function() {
... // preload kods
});

[Venom]

laikam tomēr vieglāk ielik beigās vai ar defer="defer"

[Grey_Wolf]

njem :)

straadaa praktiski zem visiem brauzeriem :)

---------

<script  language="JavaScript" type="text/JavaScript">

function preload(imgObj,imgSrc) {
if (document.images) {
 eval(imgObj+' = new Image()')
 eval(imgObj+'.src = "'+imgSrc+'"')
}
}

function changeImage(layer,imgName,imgObj) {
if (document.images) {
 if (document.layers && layer!=null) eval('document.'+layer+'.document.images["'+imgName+'"].src = '+imgObj+'.src')
 else document.images[imgName].src = eval(imgObj+".src")
}
}



function mouseOver(s,o)
{
changeImage(null,o,s)
}

function mouseOut(s,o)
{
changeImage(null,o,s)
}



preload("poga1","images/pogas1.gif")
preload("poga2","images/pogas2.gif")

</script>
<a href="#"  onMouseOver="mouseOver('poga2','pogaA')" onMouseOut="mouseOut('poga1','pogaA')"onfocus=blur()><img name="pogaA" border="0" src="images/pogas1.gif" width="29" height="28" ></a>

 

tos preload taisi cik vajag - bilzu ielaade notiek PARALEELI pashas lapas ielaadei.

- tas ir uzeris jau priecaasies par lapu kaucgan dazas bildes vel laadeesies :)

 

Vienmeer jaabuut pretii bildei tobish uz tuksu vietu atsaukties nevar (kautvai 1X1px)

ar so kodu var teiksim mainiit bildi uz pogas un reizee - kautkur vel :)

-------- principaa es izmantoju sho un nesuudzos--

testeets:

IE 6.0

Opera 7.23

FireFox 1.0.2

----------

[bubu]

Ielāde nenotiek paralēli! Bilžu ielāde gan notiek paralēli, bet lapas nē. Lapa ielādējas vispirms, un pēc tam tikai bildes. btw eval nav labi lietot, kad var iztikt bez tā (tāpat kā ar goto).

[Grey_Wolf]

Ielāde nenotiek paralēli! Bilžu ielāde gan notiek paralēli, bet lapas nē. Lapa ielādējas vispirms, un pēc tam tikai bildes. btw eval nav labi lietot, kad var iztikt bez tā (tāpat kā ar goto).

20639[/snapback]

nu jaa protams sakumaa haideris pec tam kods un ja bildeem (taam kuraam uzreiz jaaparaadaas) ir noraadiits augstums un platums tad tiek krautas ieksaa bildes :)

 

sho kodu jau lietoju labu laiku etak gadus 5 :)

nebiju par to pat padomaajis.

 

P.S. principaa es tev piekriitu, bet ja straadaa bez gljukiem - labaak neko nemainiit :)

[Venom]

eval is evil

true, true