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

Скрипты и расширения для phpBB 3.1.x
Собственные расширения, допиливание уже существующих.
Свои виды перевода, свои виды стиля расширений под свои нужды.
Аватара пользователя
Рок

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

Рок 21 дек 2015, 12:06 Сообщение

Всем доброго здравия!
Ребят, есть ли конструкция для меняющейся кнопки и для баннера? То есть создать кнопку и баннер для сайта и что бы через небольшой отрезок времени там менялись только 2 картинки: первая-вторая-первая-вторая?

Аватара пользователя
CabinetAdmin

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

CabinetAdmin 21 дек 2015, 16:28 Сообщение

Типа слайдера? Было такое расширение где-то на забугорной поддержке, видел...
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
Рок

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

Рок 21 дек 2015, 16:34 Сообщение

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

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

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


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

Аватара пользователя
CabinetAdmin

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

CabinetAdmin 21 дек 2015, 17:02 Сообщение

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

Для других вариантов нужен скрипт... Могу дать не сильно тяжёлый вариант.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
Рок

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

Рок 21 дек 2015, 17:10 Сообщение

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

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

Аватара пользователя
CabinetAdmin

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

CabinetAdmin 21 дек 2015, 17:20 Сообщение

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

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


Для работы на стороне такой вариант конечно не подойдёт.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
Рок

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

Рок 21 дек 2015, 17:30 Сообщение

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

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

Аватара пользователя
silver073000

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

silver073000 21 дек 2015, 18:02 Сообщение

CabinetAdmin писал(а):Источник цитаты В фотошопе вроде никак, надо спец прогу по работе с гифками.

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

Аватара пользователя
Resistant

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

Resistant 21 дек 2015, 18:22 Сообщение

Рок писал(а):Источник цитаты А прогу не сможете посоветовать для работы с gif?

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

Аватара пользователя
CabinetAdmin

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

CabinetAdmin 21 дек 2015, 18:23 Сообщение

Может быть, но в более свежих версиях, в моей вроде как нету. Старая она у меня...
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
CabinetAdmin

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

CabinetAdmin 21 дек 2015, 18:29 Сообщение

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

Во, ещё такая есть - ImageReady, это вроде как в фотошопе.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
Ариан

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

Ариан 21 дек 2015, 20:36 Сообщение

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

Аватара пользователя
Рок

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

Рок 21 дек 2015, 22:14 Сообщение

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

Аватара пользователя
Resistant

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

Resistant 21 дек 2015, 23:59 Сообщение

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

Аватара пользователя
Рок

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

Рок 22 дек 2015, 22:38 Сообщение

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

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

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


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



Похожие темы

Вернуться в «Расширения для phpBB 3.1.x»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 2 гостя