Смена картинок каждые 5 секунд с помощью jquery в php

Question

Смена картинок каждые 5 секунд с помощью jquery в php

0

Пожалуйста, помогите мне, я новичок в jQuery. вот мой код:

<img src="default.jpg" />
<img src="a.jpg" />
<img src="b.jpg" />
<img src="c.jpg" />

Я хочу изменить изображение с default.jpg на a.jpg. затем a.jpg до b.jpg и так далее, каждые 5 секунд. используя jquery. большое спасибо

asdfme123 17 дек. 2013, в 17:41

Источник

0

Каков ваш конкретный вопрос, связанный с программированием?
admdrew 17 дек. 2013, в 16:33
0

Пожалуйста, прочитайте FAQ. Покажите некоторые усилия, и люди помогут вам.
Diodeus - James MacFarlane 17 дек. 2013, в 16:33

Теги:

php

javascript

jquery

html

2 ответа

0

Установите это в голову

<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>

Код jquery

setInterval(function(){
$('#img').remove();
$('body').prepend('<img src="urlimgs" id="img">');
},5000);

Я не понимал, чего вы хотите, но это так просто! Вам нужно узнать больше о jquery.. Вы можете улучшить этот код.. это только пример

Jhonatan G. 17 дек. 2013, в 13:44

Ещё вопросы

Каков ваш конкретный вопрос, связанный с программированием?
Пожалуйста, прочитайте FAQ. Покажите некоторые усилия, и люди помогут вам.

Archios · Accepted Answer · 2013-12-17T15-11-00.000Z

<img id="thisImg" alt="img" src="images/img0.png"/>
<script type="text/javascript">
    $(function(){
        //prepare Your data array with img urls
        var dataArray=new Array();
        dataArray[0]="images/img1.png";
        dataArray[1]="images/img2.png";
        dataArray[2]="images/img3.png";
        dataArray[3]="images/img0.png";

        //start with id=0 after 5 seconds
        var thisId=0;

        window.setInterval(function(){
            $('#thisImg').attr('src',dataArray[thisId]);
            thisId++; //increment data array id
            if (thisId==3) thisId=0; //repeat from start
        },5000);        
    });
</script>

спасибо @archios, это мне очень помогает. Я просто хочу, чтобы появилось изображение с медленным затуханием. Возможно ли это?
Просто измените внутреннюю функцию setInterval, чтобы изменить изображения с помощью jq-анимации (например, ссылки и ссылки fadeIn. Вы также можете использовать функцию анимирования ссылки jq. Для fadeOut fadeIn измененный код будет выглядеть так: $ ('# thisImg'). FadeOut (function () {$ ('# thisImg'). attr ('src', dataArray [thisId]); thisId ++; if (thisId == 3) thisId = 0; $ ('# thisImg'). fadeIn ();}) ; Не забудьте предварительно загрузить изображения (Google: предварительно загрузить изображения JQuery)