Малко Javascript
1 отговора
63 прегледа
Малко Javascript
Коя функция да използвам за да ми се заредят
всички картинки при зареждането на страницата?
Имам предвид тези, които не се виждата в
началото, а после се извикват. Целта е да не ми отнема време
да ги вика от сървъра, а направо да си ги кешира на компютъра!
Dixi!
всички картинки при зареждането на страницата?
Имам предвид тези, които не се виждата в
началото, а после се извикват. Целта е да не ми отнема време
да ги вика от сървъра, а направо да си ги кешира на компютъра!
Dixi!
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>
Дано да съм ти бил полезен.
Ето и едно примерче , че незнам колко си ме разбрал , защото нямам дарбата да обеснявам подобаващо :
<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>
Дано да съм ти бил полезен.