Малко Javascript

1 отговора 63 прегледа
#1

Малко Javascript

Коя функция да използвам за да ми се заредят
всички картинки при зареждането на страницата?

Имам предвид тези, които не се виждата в
началото, а после се извикват. Целта е да не ми отнема време
да ги вика от сървъра, а направо да си ги кешира на компютъра!

Dixi!
Отговор
в отговор на 3apaтycтpa #2

Re: Малко Javascript

Ако говориш за извикването на изображение при onMouseOver , onMouseOut начина става като в скрипта създаваш променливи на който присвояваш ирображенията. Така те се зареждат и кешират и след това извикването им става мигновенно без да се изисква връзка със сървър-а кадето са качени.
Ето и едно примерче , че незнам колко си ме разбрал , защото нямам дарбата да обеснявам подобаващо :

<script language="JavaScript">
<!-- // Личен пример е и е тестван. Там кадето пише ИмеНаСнимка трябва да сложиш името на снимката която да се зарежда.
if(document.images)
{
var but1_init=new Image();
but1_init.src="ИмеНаСнимка.формат";
var but2_init=new Image();
but2_init.src="ИмеНаСнимка.формат";
var but3_init=new Image();
but3_init.src="ИмеНаСнимка.формат";
var but4_init=new Image();
but4_init.src="ИмеНаСнимка.формат";
var but5_init=new Image();
but5_init.src="ИмеНаСнимка.формат";
var but6_init=new Image();
but6_init.src="ИмеНаСнимка.формат";

// Тук трябва да напишеш имената на снимките който да се показват при onMouseOver или onMouseOut

var but1_new=new Image();
but1_new.src="ИмеНаСнимкаПриЕфект.формат";
var but2_new=new Image();
but2_new.src="ИмеНаСнимкаПриЕфект.формат";
var but3_new=new Image();
but3_new.src="ИмеНаСнимкаПриЕфект.формат";
var but4_new=new Image();
but4_new.src="ИмеНаСнимкаПриЕфект.формат";
var but5_new=new Image();
but5_new.src="ИмеНаСнимкаПриЕфект.формат";
var but6_new=new Image();
but6_new.src="ИмеНаСнимкаПриЕфект.формат";
}

// Тук следва функцията която следи за някое от горните събития и извършва заменянето на изображението

function on(the_name)
{
if(document.images)
{
document.images[the_name].src=eval(the_name+"_new.src");
}
}

// Тази функция връща първоначалното изображение

function off(the_name)
{
if(document.images)
{
document.images[the_name].src=eval(the_name+"_init.src");
}
}
//-->
</SCRIPT>


За да иозвикаш която и да е от двете функций просто пишеш
<a href="Линк.формат" onMouseOver="on('Име')" onMouseOut="off('Име')">
<img src="ИмеНаСнимка.формат" name="Име" id="Име" border=0></a>

Дано да съм ти бил полезен.

Отговор