Всем доброго здравия!
Ребят, есть ли конструкция для меняющейся кнопки и для баннера? То есть создать кнопку и баннер для сайта и что бы через небольшой отрезок времени там менялись только 2 картинки: первая-вторая-первая-вторая?
Ребят, есть ли конструкция для меняющейся кнопки и для баннера? То есть создать кнопку и баннер для сайта и что бы через небольшой отрезок времени там менялись только 2 картинки: первая-вторая-первая-вторая?
Комментарии: 16
Вот, например, у меня есть конструкция кнопки
Можно ли туда "запихать" еще одну картинку и чтобы они менялись периодически?
Код: Выделить всё
<a target="_blank" href="http://coinsspb.com/">
<img border="0" src="адрес кнопки на статической странице" width="88" height="31" alt="НФСС"></a>
IN GOD WE TRUST
В фотошопе вроде никак, надо спец прогу по работе с гифками.
Скрипт, пожалуйста. На странице должна быть подключена библиотека jquery.
Сама кнопка:
Скрипт:
Стили:
Для работы на стороне такой вариант конечно не подойдёт.
Скрипт, пожалуйста. На странице должна быть подключена библиотека jquery.
Сама кнопка:
Код: Выделить всё
<div id="rotator">
<a target="_blank" href="http://coinsspb.com/">
<span class="show"><img src="image-1.jpg" width="88" height="31" alt="НФСС" alt="pic1" /></span>
<span><img src="image-2.jpg" width="88" height="31" alt="НФСС" alt="pic2" /></span>
</a>
</div>
Код: Выделить всё
<script>
function theRotator() {
$('#rotator span').css({opacity: 0.0});
$('#rotator span:first').css({opacity: 1.0});
setInterval('rotate()',5000);
}
function rotate() {
var current = ($('#rotator span.show')? $('#rotator span.show') : $('#rotator span:first'));
var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('#rotator span:first') :current.next()) : $('#rotator span:first'));
next.css({opacity: 0.0})
.addClass('show')
.animate({opacity: 1.0}, 1000);
current.animate({opacity: 0.0}, 1000)
.removeClass('show');
};
$(document).ready(function() {
theRotator();
});
</script>
setInterval('rotate()',5000);
- время смены.Стили:
Код: Выделить всё
#rotator {position:relative; height:350px; }
#rotator span {float:left; position:absolute; display:block;}
#rotator span.show {z-index:500;}
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
Единственная обнаруженная у меня на компе программа - Ulead GIF Animator 5. С 11 года стоит, надо было, поставил, сделал и забыл про неё. Даже уже не помню как она...
Во, ещё такая есть - ImageReady, это вроде как в фотошопе.
Во, ещё такая есть - ImageReady, это вроде как в фотошопе.
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
Рок, я сам только вспомнил, есть же сайт http://gifovina.ru/
Небольшая проблемка появилась, закидываю кнопку в папку images, выставляю вот такой путь к ней
А он пишет что не увидел маршрута к картинке, что не так делаю?
Код: Выделить всё
http://coinsspb.com/storage/coinsspb_com/images/banner.gif
IN GOD WE TRUST