Помоги с банером на js
Поставил банер на js вместо flash банера а он не работает.
на локалке все хорошо работает а на сайте нет. там много скриптов и библиотек без этого скрипта, может проблема в том что создается конфликт?! |
Какой у вас браузер? Что за JS баннер? Откройте консоль браузера, посмотрите на возможные ошибки и если они есть запостите их сюда.
|
у меня хром и fire fox.
|
дело в том что там где должен быть слайдер , фотки вообще не воспроизводятся вот в чем вопрос.
|
вот сайт http://www.otdelkomforta.ru/
|
там есть скрипт <script type="text/javascript" src="/js/scripts/jquery.cross-slide.js"></script> это слайдер . он состоит из двух скриптов. я их обьединил тк на локалке они и так работают.
|
ТАк а это <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
|
Цитата:
|
вот слайдер
|
<script type="text/javascript" src="/js/scripts/jquery.cross-slide.js"></script>
<script type="text/javascript"> $(function() { $('#test2').crossSlide({ sleep: 2, fade: 1 }, [ { src: 'images/1.jpg' }, { src: 'images/2.jpg' }, { src: 'images/3.jpg' } ]); }); </script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> |
|
Цитата:
|
А что нужно то и чот у Вас с сайтом ?
|
Цитата:
вот так он у меня выглядет на сайте <script type="text/javascript" src="/js/scripts/jquery.cross-slide.js"></script> <script type="text/javascript"> $(function() { $('#test2').crossSlide({ sleep: 2, fade: 1 }, [ { src: 'images/1.jpg' }, { src: 'images/2.jpg' }, { src: 'images/3.jpg' } ]); }); </script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> |
Цитата:
|
dimas15,
Cлайдер оч старый, использует библиотеку 1.2.6 Возьмите нормальный слайдер => http://www.idangero.us/cs/ (Там справо радио кнопки -выбор эффекта) Статья => http://habrahabr.ru/post/133205/ |
Цитата:
Мне бы простой слайдер без кнопок и всяких наворотов чтоб сам листался и все, а там что вы предложили крутые слайды, но мне бы простой бы какой нибудь... |
dimas15,
http://javascript.ru/forum/showthrea...187#post229187 пост 5 |
Цитата:
|
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style>#КонтентРотатор p{position:absolute;display:none;padding:6px;}</style>
<div id="КонтентРотатор" style="width:400px;">
<p>1-й Контент</p>
<p>2-й Контент</p>
<p>3-й Контент</p>
<p>4-й Контент</p>
<p>5-й Контент</p>
<p>N-й Контент</p>
</div>
<script language="javascript">
var Nsh = 1 //число одновременно показываемых;
var sek = 4000; // Время отображения
var Nrout=$("#КонтентРотатор p").length;
var i=(Math.random()+'').split(".").join('')%Nrout;
RotatorMycontent(i);
function RotatorMycontent(i) {
$("#КонтентРотатор p").fadeOut('1700')
for(var n=0; n<Nsh; n++ ){
$("#КонтентРотатор p").eq(i).fadeIn('1700');
i=i+1;if(i>(Nrout-1)){i=0};
}
j=i;
timerID = setTimeout("RotatorMycontent(j)",sek);return;}
</script>
|
Цитата:
http://learn.javascript.ru/play/s3cc7b |
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style>#КонтентРотатор p{position:absolute;display:none;padding:6px;}</style>
<script language="javascript">
$(document).ready(function(){
(function(){
var Nsh = 1 //число одновременно показываемых;
var sek = 4000; // Время отображения
return RotatorMycontent = function (i) {
$("#КонтентРотатор p").fadeOut('1700')
for(var n=0; n<Nsh; n++ ){
$("#КонтентРотатор p").eq(i).fadeIn('1700');
i=i+1;if(i>(Nrout-1)){i=0};
}
j=i;
timerID = setTimeout("RotatorMycontent(j)",sek);
return;}
}())
var Nrout=$("#КонтентРотатор p").length;
var i=(Math.random()+'').split(".").join('')%Nrout;
RotatorMycontent(i);
});
</script>
<div id="КонтентРотатор" style="width:400px;">
<p>1-й Контент</p>
<p>2-й Контент</p>
<p>3-й Контент</p>
<p>4-й Контент</p>
<p>5-й Контент</p>
<p>N-й Контент</p>
</div>
|
почему у меня так не работает?
<!DOCTYPE HTML> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <style>#КонтентРотатор img{position:absolute;display:none;padding:6px; height: 191px; width: 341px;}</style> <script language="javascript"> var Nsh = 1 //число одновременно показываемых; var sek = 4000; // Время отображения var Nrout=$("#КонтентРотатор img").length; var i=(Math.random()+'').split(".").join('')%Nrout; RotatorMycontent(i); function RotatorMycontent(i) { $("#КонтентРотатор img").fadeOut('1700') for(var n=0; n<Nsh; n++ ){ $("#КонтентРотатор img").eq(i).fadeIn('1700'); i=i+1;if(i>(Nrout-1)){i=0}; } j=i; timerID = setTimeout("RotatorMycontent(j)",sek);return;} </script> </head> <body> <div id="КонтентРотатор" > <img src="1.png" alt=""></img> <img src="2.png" alt=""></img> <img src="3.png" alt=""></img> </div> </body> </html> |
dimas15,
Cкрипт видит элемент, установленный на странице. Когда он запущен, блока с баннерами на странице еще нет. Функция $(document).ready(function(){ , подключает скрипт только после полной загрузки страницы |
Цитата:
|
Цитата:
|
dimas15,
Я же выложил вариант со скриптом сверху - пост 23 |
спасибо, задача решена!
|
Цитата:
|
| Часовой пояс GMT +3, время: 07:50. |