Информация

  • FastVps - Хостинг для форума
  • RegPartner - Домены по правильным ценам

"4admins.ru" Рекомендует

bbcode поворот картинки при клике

Разные довески в сообщениях
  • Автор 
    Сообщение
Аватара пользователя
Сообщения: 7065
Зарегистрирован: 11 авг 2009, 16:58
Благодарил (а): 660
Поблагодарили: 2357 раз в 1754 сообщениях
Город: Москва
Пол: Мужской
Адрес форума: http://help.4admins.ru
Баллы репутации: 170

bbcode поворот картинки при клике

Сообщение Добавлено: 29 авг 2012, 18:10

bbcode поворот картинки при клике
Для работы ббкода нужно подключить библиотеки jquery
в шаблон overal_header перед </head> добавляем
Код: Выделить всё
<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.1.js'></script>


Если у вас уже подключена библиотека jquery то ее подключать не надо
Код: Выделить всё
<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.1.js'></script>


Использование BBCode
Код: Выделить всё
[rotator]{URL}[/rotator]

Замена HTML
Код: Выделить всё

 
<script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>


<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
var value = 0
$("#image").rotate({
   bind:
     {
        click: function(){
            value +=90;
            $(this).rotate({ animateTo:value})
        }
     }
   
});
});//]]> 
</script>

 
<img src="{URL}" id="image">

Подсказка
Код: Выделить всё
[rotator]ссылка на картинку[/rotator]

Пример работы
Код: Выделить всё
[rotator]http://help.4admins.ru/storage/help_4admins_ru/images/logo_new_style.png[/rotator]




Данный ббкод можно использовать только один раз на странице
Не знаю почему, но
<script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>
Отказывается работать из overal_header. видимо конфликт с другими скриптами....
по этому попробуйте сначала
<script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>
установить перед</head> и убрать этот код из замены HTML
если не будет работать, уберите перед </head> и вставьте в замену html как описано выше
На этом сервисе можно cоздать форум бесплатно

За это сообщение пользователя GoDFaTHeR поблагодарили:
FortBoyard, Shans

Аватара пользователя
Сообщения: 39
Зарегистрирован: 01 авг 2012, 17:09
Благодарил (а): 9
Поблагодарили: 0 раз в 0 сообщении
Пол: Мужской
Адрес форума: http://fortboyard2012forum.4adm.ru/index.php
Баллы репутации: 0

Re: bbcode поворот картинки при клике

Сообщение Добавлено: 29 авг 2012, 18:17

Подождите-ка. На вашем лого ббкод не работает... left mouse key жать? или что?
Форум
Изображение

Аватара пользователя
Сообщения: 7065
Зарегистрирован: 11 авг 2009, 16:58
Благодарил (а): 660
Поблагодарили: 2357 раз в 1754 сообщениях
Город: Москва
Пол: Мужской
Адрес форума: http://help.4admins.ru
Баллы репутации: 170

Re: bbcode поворот картинки при клике

Сообщение Добавлено: 29 авг 2012, 18:17

FortBoyard
допиливаю
На этом сервисе можно cоздать форум бесплатно

Аватара пользователя
Сообщения: 39
Зарегистрирован: 01 авг 2012, 17:09
Благодарил (а): 9
Поблагодарили: 0 раз в 0 сообщении
Пол: Мужской
Адрес форума: http://fortboyard2012forum.4adm.ru/index.php
Баллы репутации: 0

Re: bbcode поворот картинки при клике

Сообщение Добавлено: 29 авг 2012, 18:30

Заработало. ну конечно отражение было бы лучше т.к. картинка не вылезает никуда за пределы оригинального положения.
Форум
Изображение


Вернуться в BBcode phpbb3

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

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