gv0zd
Новичок
Прелоадер для jQuery слайдшоу
Дабрый день
На сайте необходимо разместить слайдшоу на 20 кадров каждый из которых по 35-50 килобайт
По этой причине искал слайдшоу которое подгружает картинки поступательно а не все сразу, наверное был неправ....
Что выходит, когда пришло время менять кадр следующий кадр еще не успел загрузиться
По этой причине, первый кадр исчезает, потом опять поялвется, а потом резко после загрузки появляется след кадр
Когда слайдшоу идет на второй круг все уже гладко, но кто его будет смотреть 2 круга... ?
Пока крутил на локале все было гладко, как-то не подумал, что такое может быть
В яваскрипте не очень разбираюсь, можно ли сюда прикрутить прелодер какой-то
И как вообще лучше поступить?
Дабрый день
На сайте необходимо разместить слайдшоу на 20 кадров каждый из которых по 35-50 килобайт
По этой причине искал слайдшоу которое подгружает картинки поступательно а не все сразу, наверное был неправ....
PHP:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Simple Slide Show with jQuery</title>
<script type='text/javascript'
src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js'>
</script>
<script type="text/javascript">
var imgs = [
'image1.jpg',
'image2.jpg',
'image3.jpg'];
var cnt = imgs.length;
$(function() {
setInterval(Slider, 3000);
});
function Slider() {
$('#imageSlide').fadeOut("slow", function() {
$(this).attr('src', imgs[(imgs.length++) % cnt]).fadeIn("slow");
});
}
</script>
</head>
<body>
<img id="imageSlide" alt="" src="image0.jpg" />
</body>
</html>По этой причине, первый кадр исчезает, потом опять поялвется, а потом резко после загрузки появляется след кадр
Когда слайдшоу идет на второй круг все уже гладко, но кто его будет смотреть 2 круга... ?
Пока крутил на локале все было гладко, как-то не подумал, что такое может быть
В яваскрипте не очень разбираюсь, можно ли сюда прикрутить прелодер какой-то
И как вообще лучше поступить?
