Помогите чего не хватает?

sergey_prusov

Участник
Регистрация
31 Окт 2008
Сообщения
203
Реакции
4
Имею такой код fav.js:
HTML:
$(document).ready(function() {
  
    var LinkTitle = $(document).attr('title');
  
    var LinkUrl = window.location.href;
  
    var LinkParent = window.location.hostname;
  
    LinkTitle=encodeURIComponent(LinkTitle);
  
    LinkUrl=encodeURIComponent(LinkUrl);
  
  
    // Вставка блока с закладками и блока затемнения
    $('body').append('<div class="shad" style="display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: #000;"></div>');
  
    $('body').append('<div id="tt_social" style="position: fixed;left: 0;top: 50%;width: 30px;height: 215px;margin: -90px 0 0 0;background: #f1f1f1;border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border: 2px #fff solid;box-shadow:2px 0px 10px 0 #d9d9d9;-webkit-box-shadow:2px 0px 10px 0 #d9d9d9;-moz-box-shadow:2px 0px 10px 0 #d9d9d9;border-left: 0;"></div>');
  
    //Массив ссылок
    var LinksItem = [
    'http://vkontakte.ru/share.php?url='+LinkUrl+'" title="Поделиться ВКонтакте"',
    'http://www.facebook.com/sharer.php?u='+LinkUrl+'&t='+LinkTitle+'" title="Добавить в Facebook"',
    'http://twitter.com/share?text='+LinkTitle+'&url='+LinkUrl+'" title="Добавить в Twitter"',
    'http://www.liveinternet.ru/journal_post.php?action=n_add&cnurl='+LinkUrl+'&cntitle='+LinkTitle+'" title="Добавить в LiveInternet"',
    'http://zakladki.yandex.ru/newlink.xml?url='+LinkUrl+'&name='+LinkTitle+'" title="Добавить в Яндекс закладки"',
    'http://connect.mail.ru/share?url='+LinkUrl+'&title='+LinkTitle+'" title="Добавить в Мой Мир"',
    'http://www.odnoklassniki.ru/dk?st.cmd=addShare&st._surl='+LinkUrl+'&title='+LinkTitle+'" title="Добавить в Одноклассники"',
    'http://www.livejournal.com/update.bml?event='+LinkUrl+'&subject='+LinkTitle+'" title="Добавить в ЖЖ"'
    ];
  
  
    var sdvig = 0;
    var sdvig2 = 0;
  
    // Построение списка закладок
    for (i=0; i<LinksItem.length; i++)
    {
        var getLinks = $('<a href="'+LinksItem[i]+' style="display: block;position: absolute;left: 5px;top:'+sdvig2+'px;width: 20px;height: 20px;background: url("/public_html/templates/ps-dude/images/fav.png") left -'+sdvig+'px no-repeat;margin: 10px 0 0 0;color: #888;text-decoration: none;font-size: 11px;" target="_blank"><span></span></a>');
        getLinks.appendTo("#tt_social");
        var sdvig = sdvig + 20;
        var sdvig2 = sdvig2 + 25;
    }
  
    // Эффекты при наведении на ссылку
    $('#tt_social a').hover(
        function() {
          $(this).css({
                'box-shadow':'0 0px 10px 0 #fff',
                '-webkit-box-shadow':'0 0px 10px 0 #fff',
                '-moz-box-shadow':'0 0px 10px 0 #fff',
                'border-radius':'5px',
                '-webkit-border-radius':'5px',
                '-moz-border-radius':'5px'
            });
          
            var linkTitle = $(this).attr('title');
            var thisSpan = $(this).find('span');
            thisSpan.text(linkTitle);
            $(this).find('span').css({
                'position':'absolute',
                'display':'block',
                'padding':'5px',
                'background':'#fff',
                'width':'150px',
                'left':'30px',
                'border-radius':'0 5px 5px 0',
                '-webkit-border-radius':'0 5px 5px 0',
                '-moz-border-radius':'0 5px 5px 0'
            });
        },
        function() {
            $(this).css({
                'box-shadow':'none',
                '-webkit-box-shadow':'none',
                '-moz-box-shadow':'none',
                'border-radius':'none',
                '-webkit-border-radius':'none',
                '-moz-border-radius':'none'
            });
            $(this).find('span').css({
            'display':'none'          
            });
        }
    );
  
    // Эффекты при наведении на блок с ссылками
    $('#tt_social').hover(
        function() {
            $(this).animate({
                'width':'40px'
            });
            $(this).find('a').animate({
                'left':'10px'
            });
            $(this).css({'background':'#727272'});
            $('.shad').css({
                'opacity':'0.2',
                'display':'block'
            });
        },
        function() {
            $(this).animate({
                'width':'30px'
            });
            $(this).find('a').animate({
                'left':'5px'
            });
            $(this).css({'background':'#f1f1f1'});
            $('.shad').css({
                'opacity':'0',
                'display':'none'
            });
        }
    );
  
  
});

не отображается картинка fav.png, хотя она там есть что не так?
 
Последнее редактирование:
В строчке var getLinks... напутано с ковычками, в адрес ссылки попадает лишнее. Закройте адрес ссылки двойной ковычкой:
var getLinks = $('<a href="'+LinksItem+'"...
 
В строчке var getLinks... напутано с ковычками, в адрес ссылки попадает лишнее. Закройте адрес ссылки двойной ковычкой:
var getLinks = $('<a href="'+LinksItem+'"...
блин че-то несоображу никак можно поподробнее?

нет так то все работает просто картинка и изображениями соц сетей неотображается.
 
Там ошибка.
Вот так нужно ту строчку исправить:
Код:
var getLinks = $('<a href="'+LinksItem[i]+'" style="display: block;position: absolute;left: 5px;top:'+sdvig2+'px;width: 20px;height: 20px;background: url("/public_html/templates/ps-dude/images/fav.png") left -'+sdvig+'px no-repeat;margin: 10px 0 0 0;color: #888;text-decoration: none;font-size: 11px;" target="_blank"><span></span></a>');
 
Там ошибка.
Вот так нужно ту строчку исправить:
Код:
var getLinks = $('<a href="'+LinksItem[i]+'" style="display: block;position: absolute;left: 5px;top:'+sdvig2+'px;width: 20px;height: 20px;background: url("/public_html/templates/ps-dude/images/fav.png") left -'+sdvig+'px no-repeat;margin: 10px 0 0 0;color: #888;text-decoration: none;font-size: 11px;" target="_blank"><span></span></a>');
все по прежнему картинка не грузится(((

выглядит так:
f21d0fd46162.png



А должно внутри быть это:
8a075525d73d.png


в шаблон подгружаю только так: <script type="text/javascript" src="{THEME}/js/fav.js"></script>
может еще что-то надо?
 
Последнее редактирование:
Назад
Сверху