Динамичная (меняющаяся) кнопка и баннер

[CabinetAdmin]

Типа слайдера? Было такое расширение где-то на забугорной поддержке, видел...

[Рок]

Вот, например, у меня есть конструкция кнопки

Код: Выделить всё

<a target="_blank" href="http://coinsspb.com/">
<img border="0" src="адрес кнопки на статической странице" width="88" height="31" alt="НФСС"></a>

Можно ли туда "запихать" еще одну картинку и чтобы они менялись периодически?

[CabinetAdmin]

Создать кнопку в формате *gif.

Для других вариантов нужен скрипт... Могу дать не сильно тяжёлый вариант.

[Рок]

Если можно, посмотрел бы на скрипт.

А в гиф как создать в фотошопе?

[CabinetAdmin]

В фотошопе вроде никак, надо спец прогу по работе с гифками.

Скрипт, пожалуйста. На странице должна быть подключена библиотека 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;}

Для работы на стороне такой вариант конечно не подойдёт.

[Рок]

Ой её, эта кнопка и банер будут предназначены для других сайтов и даже не факт что на phpbb. К сожалению, такой скрипт мне не подойдет.

А прогу не сможете посоветовать для работы с gif?

[silver073000]

В фотошопе вроде никак, надо спец прогу по работе с гифками.

В фотошопе есть возможность создания анимации Там рабочие среды меняются и можно делать различную анимацию.

[Resistant]

А прогу не сможете посоветовать для работы с gif?

если с фотошопом не дружишь то можно использовать Aleo Flash Intro Banner Maker

[CabinetAdmin]

Может быть, но в более свежих версиях, в моей вроде как нету. Старая она у меня...

[CabinetAdmin]

Единственная обнаруженная у меня на компе программа - Ulead GIF Animator 5. С 11 года стоит, надо было, поставил, сделал и забыл про неё. Даже уже не помню как она...

Во, ещё такая есть - ImageReady, это вроде как в фотошопе.

[Ариан]

GIF-анимация прекрасно делается в фотошопе. Я свою аватарку в нём анимировал. Можно сделать два кадра и между ними задать промежуток времени. Будет работать.

[Рок]

Спасибо друзья, вроде нашел сервис онлайн гиф. И сделал кнопку, как хотел.

[Resistant]

Рок, я сам только вспомнил, есть же сайт http://gifovina.ru/

[Рок]

Небольшая проблемка появилась, закидываю кнопку в папку images, выставляю вот такой путь к ней

Код: Выделить всё

http://coinsspb.com/storage/coinsspb_com/images/banner.gif

А он пишет что не увидел маршрута к картинке, что не так делаю?