Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Как сделать так, чтобы картинки менялись

Автор: Elina 24.11.2005, 13:43

доброго времени суток

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

Код


   <?php
                                         
    $x = rand(1,3);
    $i=$x;
    [b]for ($i=$x;$i<=3;$i++){
            sleep(4);
            echo "<img width=\"270\" height=\"70%\" src='gallery/change_pic/pic".$i.".JPG' alt='1'                        hspace=\"0\" border=\"0\"></a> </script>";[/b]
        if($i==3){
               $i=1;
            }
        }
    
  ?>

я понимаю ,что это из за есно"... " ,но не знаю куда его вставить .

Автор: Neitron 24.11.2005, 14:07

Доброго времени суток Elina
Тут вам в раздел Javascript а не ПХП.

Автор: patt 25.11.2005, 03:56

Код


<img src="w.jpg">
<script>
setInterval(ch, 1000);
flag=1;
function ch()
{
    if(flag)
    {
        document.images[0].src="q.jpg";
        flag=0;
    }
    else
    {
        document.images[0].src="w.jpg";
        flag=1;
    }
    
}
</script>

Автор: GIK 25.11.2005, 17:02

Модераторов не видно, ругать за неправильное обращение подсветкой код некому smile

Код


<html>
 <head>
  <script type="text/javascript">
  <!--   
  var a=0;
 var imgmas=new Array();
   imgmas[0]=new Image();
   imgmas[1]=new Image();
   imgmas[0].src="1.jpg";
   imgmas[1].src="2.jpg";
   var i=-1;
           function f2()
{  i++;
  var g=document.getElementById("img1");
  g.src=imgmas[i].src; 
  a++;
 if(a<3)
{setTimeout("f2()", "1000")}
}
   //-->
  </script>
 </head>
<body>


 <img id="img1" src="w.jpg"  width="120" height="120" onMouseOver="f2()">

</body>
</html>

Автор: Elina 27.11.2005, 11:51

спасибо всем за примеры

GIK ,
получаю ошибку

imgmas[...].src is null or not an object

как от этого избавиться ?

Автор: patt 28.11.2005, 20:49

Разовьём тему:

Код


<html>
<head>
<style>
div.outer {position:relative;width:300;height:200;}
div.inner {position:absolute;width:300;height:200;}
</style>
<script>
flag = true;
function switch1()
{
    if(flag)
    {
    q.style.filter="blendTrans(duration=2)";
    q.filters.blendTrans.apply();
    e.style.visibility="visible";
    w.style.visibility="hidden";
    q.filters.blendTrans.play();
    flag = false;
    }
    else
    {
    q.style.filter="blendTrans(duration=2)";
    q.filters.blendTrans.apply();
    e.style.visibility="hidden";
    w.style.visibility="visible";
    q.filters.blendTrans.play();
    flag = true;
    }

}
setInterval(switch1,2000);
</script>
</head>
<body>
<div id='q' class="outer">
<div id='w' class="inner" style='visibility:visible;'><img src='P1011466.jpg'></div>
<div id='e' class="inner" style='visibility:hidden;'><img src='P1011477.jpg'></div>
</div>
</body>
</html>

Автор: patt 28.11.2005, 21:23

GIK, зачем создавать целый обьект, всего лишь для хранения текстовой строки smile

Автор: Aliance 1.12.2005, 16:02

!	Пользуемся форумной подсветкой правильно