Доброго времени суток! У меня возникла проблема: на своем сайте (локальный сервер) я сделал кнопку «Наверх» установив скрипт и картинку в папку с темой "Protostar" (скрипт находится по адресу: templates/protostar/js/buttonTop.js; картинка: templates/protostar/images/button_top_scroll.png). Дело в том, что на главной странице сайта картинка отображается нормально, как и должно быть: в остальных разделах сайта (статьи, страницы и т.д.) картинка не отображается, но скрипт работает: Почему так происходит? В самом файле Javascript'a путь до картинки такой: Код (CODE): <img src="templates/protostar/images/system/button_top_scroll.png" /> P.S. В Google ничего конкретного не нашел Надеюсь на Вашу помощь.
Так как после установки joomla в шаблоне protostar не появился картинка (а отображалось слово Вверх)?заменил в файле index.php строку: Код (PHP): <p class="pull-right"><a href="#top" id="back-top"><?php echo JText::_('TPL_PROTOSTAR_BACKTOTOP'); ?></a></p> На: Код (PHP): <p class="pull-right"><a href="#top" id="back-top"><img src="<?php echo JURI::base(); ?>templates/<?php echo $this->template; ?>/img/up.png"/></a></p> Как альтернатива могу предложить кнопки вверх/вниз с плавным появлением при прокрутке контента: Кнопки для вставки в код (index.php или др.): Код (PHP): <a style='position: fixed; bottom: 80px; right: 10px; cursor:pointer; display:none;'href='#' id='Go_Top'><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/img/up.png" alt="Наверх" title="Наверх" /></a> <a style='position: fixed; bottom: 40px; right: 10px; cursor:pointer; display:none;'href='#' id='Go_Bottom'><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/img/down.png" alt="Вниз" title="Вниз"></a> Скрипт подгружается из файла кодом, вставляется в нижней части страницы (перед тегом </body>: Код (PHP): <script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/jscroll_btn.js" type="text/javascript"></script> Сам скрипт: Код (html): /* =================================================== * Scroll buttons * ========================================================== */ var go_down = jQuery('body'); jQuery(function() { $("#Go_Top").hide().removeAttr("href"); if ($(window).scrollTop() >= "250") $("#Go_Top").fadeIn("slow") var scrollDiv = $("#Go_Top"); $(window).scroll(function() { if ($(window).scrollTop() <= "250") $(scrollDiv).fadeOut("slow") else $(scrollDiv).fadeIn("slow") }); $("#Go_Bottom").hide().removeAttr("href"); if ($(window).scrollTop() <= go_down.height()-"999") $("#Go_Bottom").fadeIn("slow") var scrollDiv_2 = $("#Go_Bottom"); $(window).scroll(function() { if ($(window).scrollTop() >= go_down.height()-"999") $(scrollDiv_2).fadeOut("slow") else $(scrollDiv_2).fadeIn("slow") }); $("#Go_Top").click(function() { $("html, body").animate({scrollTop: 0}, "slow") }) $("#Go_Bottom").click(function() { $("html, body").animate({scrollTop: go_down.height()}, "slow") }) }); Для работы необходимо подключить последний jQuery.