Генератор форм

Для веб-мастера

Реклама


Комментарии к статье:
Socializer - Плагин скользящей панели с иконками социальных сетей

Дата: 15 сентября 2011 Просмотры 21675 Комментарии 66

    Получать новые материалы этого сайта на свой email адрес?

    Отправлять мне комментарии по эл. почте?

Ирина
Ирина 17 сентября 2011 | 00:19
-1
Иван, здравствуйте, плагин просто супер! Прекрасно смотрится и функциональный очень, действительно -ценность его в том, что он всегда на виду! спасибо большое, что поделились с подписчиками.
Но у меня по ходу вопрос - может я не совсем поняла, что значит "подключить библиотеку jQuery и собственно сам плагин". Вы можете немного уточнить? Насколько я поняла, исходник надо закачать на хостинг, а код, который Вы даете поставить перед тэгом. Дальше вроде все понятно. Заранее благодарю!
Шамшур Иван
Шамшур Иван 17 сентября 2011 | 01:08
-1
Ну да. Вы правильно поняли. Только нужно указать правильный путь к плагину! В примере который я дал, подразумевается, что скрипт закачан в корневую папку js
Baha30
Baha30 7 ноября 2011 | 12:17
-1
Добрый день!

хотел спросить я ёщё новичок в этом деле , не подскажете как установить его на WORD PRESS
Шамшур Иван
Шамшур Иван 7 ноября 2011 | 17:25
-1
Да точно также, как и описано в статье. Только все это нужно делать в файлах своей темы
bettrrr
bettrrr 30 сентября 2011 | 15:09
-1
В FF6.02 после скрола вниз панелька полностью видна, но после этого прозрачность уже не меняется. в хроме всё ок.
баг и в примере и на этом сайте.
Шамшур Иван
Шамшур Иван 30 сентября 2011 | 18:14
-1
Да, все верно. Это я добавил эту функцию. Если не надо, то измените в файле jquery.socializer.js в строке № 114 строку:

isshow = true;

на строку:

isshow = false;
waishik
waishik 3 октября 2011 | 00:05
0
Панель очень удобная,классная,спасибо!
Вот только один вопрос,можно ли изменить функции так,чтобы панель не ездила,не скроллилась,а была допустим зафиксированна на опередленном месте.и была неподвижна?
Шамшур Иван
Шамшур Иван 3 октября 2011 | 00:30
0
Да, можно. При вызове плагина необходимо задать свойство type: 'fixed'
Кстати это есть во втором примере:

http://biznesguide.ru/demo/socializer/index2.html

Только там начальная прозрачность равна нулю. Если Вам это не нужно, то задайте свойство opacity: 1
Алик
Алик 2 ноября 2011 | 15:34
-1
Очень интересные у вас плагины.
А для каких CMS они подфодят
Шамшур Иван
Шамшур Иван 2 ноября 2011 | 15:43
0
Данный плагин можно использовать на любом сайте и от CMS не зависит!
Петр
Петр 14 ноября 2011 | 05:23
0
Кнопки почему то стоят вертикально, в правом верхнем углу, а не горизонтально, у меня битрикс
Петр
Петр 14 ноября 2011 | 05:23
-1
т.е. горизонтально, вместо вертикально
Шамшур Иван
Шамшур Иван 14 ноября 2011 | 11:04
-1
А стили Вы подключили?
Петр
Петр 14 ноября 2011 | 17:48
0
спс, все работает!
Xak
Xak 13 декабря 2011 | 17:06
0
почему то у меня вот этот http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js плагин конфликтует с другим, как это исправить не догоню чего то я никак(((
дайте свой мэил я вам оба скрипта кину, может быть вы там с чем намудрите?))

и ещё в архиве с исходниками два одинаковых файла, только названия у них разные(по моему так)
Шамшур Иван
Шамшур Иван 13 декабря 2011 | 23:28
-1
а с чем конфликтует? В исходниках один файл с исходным кодом, а другой в сжатом виде. Связаться со мной можно через форму обратной связи на этом сайте
Xak
Xak 16 декабря 2011 | 15:00
-1
форму обратной связи я не нашёл, видимо это последствия отпуска)
короче там получается 2 скрипта( они находятся вот в этом http://2be.planet.ee/js.rar архиве) и один вот этот http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js , который грузится с гугла, посмотрите на их код пожалуйста, может быть всё дело в коде??
Шамшур Иван
Шамшур Иван 16 декабря 2011 | 16:01
+1
Все верно. Дело в том, что Вы используете на одной странице две разных библиотеки Prototype и jQuery. Они между собой конфоликтуют. Но устраняется эта проблема довольно просто. После того, как Вы подключили библиотеку jQuery Вам необходимо добавить следующий javascript код:

<script type="text/javascript">
jQuery.noConflict();
</script>

После того, как это подключили, нужно заменить знак доллара $ на слово jQuery, т.е. так:

jQuery(function(){
jQuery('#soc_buttons').socializer();
});
Xak
Xak 16 декабря 2011 | 16:20
-1
спасибо, теперь все работает)
Роман
Роман 12 января 2012 | 23:49
-1
Отличный скрипт, то что надо. Но, не работает сколько бы не бился =(.
Шамшур Иван
Шамшур Иван 13 января 2012 | 10:41
-1
а что хоть не работает? в чем проблема? подробнее расскажите!
Онтарио
Онтарио 5 января 2013 | 19:59
-1
Скорее всего, версия JQ не 1.7.2, а выше
Анатолий
Анатолий 12 декабря 2016 | 22:01
-1
У меня прекрасно сработал на 1.8.3.
Только ему всегда контейнер нужен. document не подходит.
Mari
Mari 23 января 2012 | 22:16
-1
Привет, классный плагин, спасибо за ифо.
Как ставить такой плагин на joomla сайты.
Один из них на 1.5, другой 1.6.
Я пыталась но :( .....
Очень надо и как можно поскорй :)
Подскажите пожалуйста!
Шамшур Иван
Шамшур Иван 23 января 2012 | 23:26
-1
Установка jQuery плагина не зависит от используемой CMS и устанавливается так же само, как и описано в этой статье. Напишите что Вы делали, какие ошибки получаются?! Скачайте исходники и посмотрите как там все подключено. Вам нужно сделать все тоже самое!
Лилия
Лилия 30 января 2012 | 14:40
-1
Добрый день!!!
Огромное спасибо за плагин просто супер я долго в нете искала нечто подобное но уже готовое на сайт joomla но ничего чтоб было нужным!!!
а ваш просто идеально подошел!!! но вот не задача как не бьюсь он скролица и прозрачность менять не хочет! картинки выводит, ссылки работают а вот так чтоб как у вас на сайте не работает!!!
ПОМОГИТЕ ПЛИЗ!!!!!
Шамшур Иван
Шамшур Иван 30 января 2012 | 18:20
-1
При вызове плагина укажите опцию: opacity: 0.5
Лилия
Лилия 30 января 2012 | 18:38
-1
jQuery(function(){
jQuery('#soc_buttons').socializer({
position: 'right',
type: 'sliding',
inittop: 150,
scrolltop: 20,
opacity: 0.1
});
}); так выглядит моя опция вызова но ничего не происходит http://www.ruvivasan.com
Шамшур Иван
Шамшур Иван 30 января 2012 | 18:49
-1
Вы указали не правильный путь к файлам скрипта. Поэтому плагин и не срабатывает. Вы в какую папку загрузили файлы плагина?
Лилия
Лилия 30 января 2012 | 19:05
-1
в корень
<script type="text/javascript" src="http://www.ruvivasan.com/soc_knopki/jquery.socializer.min"></script>

<script type="text/javascript" src="/js/jquery.socializer.js"></script>
Шамшур Иван
Шамшур Иван 31 января 2012 | 18:12
-1
Если в корень, то тогда нужно подключать так:

<script type="text/javascript" src="http://www.ruvivasan.com/jquery.socializer.min.js"></script>
Лилия
Лилия 31 января 2012 | 18:57
-1
все заработало! действительно дело в неправильном указании расположения самой библиотеки и скрипта! но теперь у меня новая проблема у меня на стр есть еще один скрипт <script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery-1.2.1.pack.js" type="text/javascript"></script>
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery-easing.1.2.pack.js" type="text/javascript"></script>
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery-easing-compatibility.1.2.pack.js" type="text/javascript"></script>
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/coda-slider.1.1.pack.js" type="text/javascript"></script> и после установки кнопочек слайдер не работает! в смысле вообще исчез. я так думаю что проблема в разных версиях библиотеки но не знаю как это исправить меняю кнопки на старую версию слайдер библиотеки не работают кнопки наоборот не работает слайдер
ПОДСКАЖИТЕ ПОЖАЛУЙСТА КАК БЫТЬ???
Лилия
Лилия 3 февраля 2012 | 15:36
-1
простите за надоедливость! просто очень нужна ваша помощь!!!! пожалуйста помогите!!!
Шамшур Иван
Шамшур Иван 3 февраля 2012 | 15:42
-1
Попробуйте обновить версию jQuery
Вадим
Вадим 17 февраля 2012 | 02:37
-1
Здравствуйте , скажите а как сделать чтоб всегда было поцентру по горизонтали, стилями почему то не хочет или я что то не так делаю?
margin:0 auto; не работает.
Шамшур Иван
Шамшур Иван 17 февраля 2012 | 13:24
-1
задайте еще фиксированную ширину для блока
Вадим
Вадим 18 февраля 2012 | 01:12
-1
получилось только так: в теле скрипта в позиции прописал
'left 50%' и в стиле margin-left:-половина ширины блока
Константин
Константин 19 февраля 2012 | 21:55
-1
Иван, простите, а изображениями кнопок вместе с плагином не поделитесь?)))
Шамшур Иван
Шамшур Иван 20 февраля 2012 | 00:10
-1
В исходниках все есть
Константин
Константин 20 февраля 2012 | 17:52
-1
Простите, может я чего-то не понимаю, но в архиве только два файла скриптов и один пустой текстовый файл((
Андрей
Андрей 26 марта 2012 | 11:49
-1
Картинки можно и из браузера выдернуть...
Анатолий
Анатолий 12 декабря 2016 | 22:11
-1
Да, есть ссылки на картинки в примерах:
[list][*]/images/icons/twitter_new.png[*]/images/icons/facebook_new.png[*]/images/icons/rss_new.png[/ul]

Сами же на сайте используете спрайт.

У меня на сайте используются[list][*]ВКонтакте[*]Инстаграмм[*]YouTube[*]Facebook[*]Одноклассники[*]Твитер[/ul]

Из этого списка у Вас есть только две картинки. Из какой коллекции, где Вы их брали? Буду искать остальные в том же стиле.
Александр
Александр 26 марта 2012 | 15:06
-1
День добрый!
А не могли бы вы подсказать, как установить ее горизонтально, на верху, с теми же эффектами сверху вних...???
Шамшур Иван
Шамшур Иван 26 марта 2012 | 23:02
+1
В настройках плагина данного эффекта нет. Надо переписывать код плагина.
Александр
Александр 27 марта 2012 | 11:36
-1
Спасибо за ответ!...
Буду пробовать....
Горизонтально я его установил...)))
Marat
Marat 22 апреля 2012 | 10:41
0
вставил как нужно в joomla прописал все, иконки появились справа но они почему то не активны в чем может быть проблема?
Шамшур Иван
Шамшур Иван 22 апреля 2012 | 22:01
0
Ну так сложно сказать. Надо смотреть на ошибки. Дайте ссылку на сайт?
Мarat
Мarat 24 апреля 2012 | 10:35
0
roccobar.ru

вроде все как нужно сделал
Серик
Серик 29 июля 2015 | 03:39
-1
есть по шаговое инструкция я в этом не понимаю
Тим
Тим 3 июля 2012 | 13:25
-1
Добрый день! Отличный скрипт, а подскажите , как Вы сделали кнопки под таким углом? Случайно нет кнопки в контакте? Спасибо!
Шамшур Иван
Шамшур Иван 3 июля 2012 | 15:02
0
Я их не делал. Просто скачал из Интернета
Тим
Тим 3 июля 2012 | 14:49
0
Добрый день! Бился бился, не скролится и кнопки не реагируют при наведении((( Подключил правильно скрипт, закинул в корень , путь прописал точный, все равно не работает (
Асиль
Асиль 12 сентября 2012 | 14:32
-1
А как преобразовать эту панель в хтмл код??
Онтарио
Онтарио 5 января 2013 | 19:57
0
При использовании более старших версий JQ (1.8.2) перестает работать, просто висит как ссылка.
Онтарио
Онтарио 5 января 2013 | 20:02
+4
Я имею ввиду - все сделал, все работает.
Но стоит заменить JQ (просто заменить файл, т.е. ни пути, ни настройки не меняются), как прозрачность исчезает, перестает отрабатываться анимация наведения на кнопки и они просто висят вверху сайта).
Возвращаю JQ 1.7.2 - все снова работает.
В чем такая несовместимость?
Semen
Semen 29 сентября 2013 | 16:16
0
Есть решение как заставить работать этот плагин на JQ 1.8.2 и выше?
Михаил
Михаил 28 апреля 2013 | 13:35
-1
Супер! А возможно ли расположить плавающий блок не справа или слева, а, например, в сайдбаре?
Евгений
Евгений 18 апреля 2014 | 12:28
-1
В исходниках нет файла с картинками, и после вставки кода на сайт все ссылки внизу
Константин
Константин 24 сентября 2014 | 20:19
-1
Доброго времени суток! Отличный плагин! Спасибо!!! У меня немного наглый вопросик. Где Вы взяли эти иконки? Хочу создать ссылку на группу VK, нужна соответствующая иконка. Заранее спасибо
Константин
Константин 25 сентября 2014 | 01:11
-1
Еще раз здравствуйте! Кнопки нашел, теперь проблема: они не скролятся... Что делать?
www.consulting-msk.ru
Шамшур Иван
Шамшур Иван 25 сентября 2014 | 10:11
-1
Необходимо подключить библиотеку jquery:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
Константин
Константин 25 сентября 2014 | 16:37
0
Всё заработало!!!! УРААА!!! Спасибо большое!!!
Sasha
Sasha 28 мая 2015 | 15:13
-1
А у меня что не так, посмотрите пож-ста
Sasha
Sasha 28 мая 2015 | 15:14
-1
http://automoto.rv.ua/
Sasha
Sasha 28 мая 2015 | 15:16
-1
положение иконок я зафиксировал в css,чтобы хоть как то выглядело, а плагин не работает почему то.
Sasha
Sasha 3 июня 2015 | 12:35
-1
ау, помогите пожалуйста

Простая CRM

Твиттер Facebook Google plus RSS