Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Нужна помощь (https://javascript.ru/forum/misc/26773-nuzhna-pomoshh.html)

realgleb 21.03.2012 21:08

Нужна помощь
 
Ребята такой вопрос! Есть такой скрипт
var path = './img/images/';
           
var images = new Array('001.png', '002.png', '003.jpg', '004.jpg', '005.jpg', '006.png', '007.jpg', '008.jpg', '009.png');
var pic_old="./img/images/"+images[Math.floor(Math.random()*images.length)];
var pic="./img/images/"+images[Math.floor(Math.random()*images.length)];
                function show_one(){
                 one=$('.pic').get(0);
                 two=$('.pic2').get(0);
               $(one).fadeOut('slow',function(){
                   $(one).attr('src', pic);
                   $(one).fadeIn('slow', function(){
                      pic = path+images[Math.floor(Math.random()*images.length)];
                   });
               });
               setTimeout('show_one()',3000);
                }

<div class="img">
             <img style="position:absolute;" src="" class="pic"  />
             <img style="position:absolute;" src="" class="pic2"  />
             <script>show_one();</script>       
         </div>

плавное появление картинок! Но у пользователей с плохим интернетом картинки будут плохо прогружаться! поэтому придумал такой способ
появляется 1 картинка вторая уже загрузилась и одновременно когда исчезает первая появляется вторая! помогите реализовать!

Вовочка 21.03.2012 21:46

в Библии Javascript для предзагрузки применяется это

if (document.images)
{
  var pic1= new Image(100,25); 
  pic1.src="http://someplace.com/image1.gif";
}

realgleb 22.03.2012 08:51

Спасибо попробую


Часовой пояс GMT +3, время: 15:45.