Белое Пятно Вместо Слайд-шоу

  • Автор темы Автор темы ffalch
  • Дата начала Дата начала
F

ffalch

Делал скрипт по уроку, но с моими картинками он работать отказывается, в чем проблема?
ссылка на сырой сайт:


Код:
<link rel="stylesheet" type="text/css" href="http://oranganikus.narod2.ru/test/skripts/layout.css" />
<link rel="stylesheet" type="text/css" href="http://oranganikus.narod2.ru/test/skripts/style7.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="http://oranganikus.narod2.ru/test/skripts/jquery.easing.js"></script>
<script language="javascript" type="text/javascript" src="http://oranganikus.narod2.ru/test/skripts/script2.js"></script>
<script type="text/javascript">
$(document).ready( function(){ 
var buttons = { previous:$('#jslidernews2 .button-previous') ,
next:$('#jslidernews2 .button-next') };		 
$('#jslidernews2').lofJSidernews( { interval:5000,
easing:'easeInOutQuad',
duration:1200,
auto:true,
mainWidth:490,
mainHeight:280,
navigatorHeight	 : 100,
navigatorWidth	 : 310,
maxItemDisplay:2,
buttons:buttons } );						
});

</script>





<tr>
<td height="280" colspan="2" background="http://oranganikus.narod2.ru/test/had.png" bgcolor="2f4548">

<div id="jslidernews2" class="lof-slidecontent" style="width:800px; height:280px;">
<div class="preload"></div>


<div class="button-previous">Назад</div>

<div class="main-slider-content" style="width:490px; height:280px;">
<ul class="sliders-wrap-inner">
<li>
<img src="http://oranganikus.narod2.ru/test/one.png" title="Pic one" >		 
</li> 
<li>
<img src="http://oranganikus.narod2.ru/test/two.png" title="Pic two" >						
</li> 
<li>
<img src="http://oranganikus.narod2.ru/test/three.png" title="Pic three" >			
</li> 
<li>
<img src="http://oranganikus.narod2.ru/test/four.png" title="Pic four" >			 
</li> 

</ul>  
</div>

<div class="navigator-content">
<div class="navigator-wrapper">
<ul class="navigator-wrap-inner">
<li>
<div>
<img src="http://oranganikus.narod2.ru/test/one_prew.png">
<h3> Новость 1 </h3>
<span>3.05.2012</span> - Нажмите чтобы узнать больше информации...
</div>	
</li>
<li>
<div>
<img src="http://oranganikus.narod2.ru/test/two_prew.png" >
<h3> Новость 2 </h3>
<span>3.05.2012</span> -Нажмите чтобы узнать больше информации. ..
</div>	
</li>

<li>
<div>
<img src="http://oranganikus.narod2.ru/test/three_prew.png">
<h3> Новость 3 </h3>
<span>3.05.2012</span> - Нажмите чтобы узнать больше информации. ..
</div>	 
</li>

<li>
<div>
<img src="http://oranganikus.narod2.ru/test/four_prew.png">
<h3> Новость 4</h3>
<span>3.05.2012</span> - Нажмите чтобы узнать больше информации. ..
</div>
</li>	

</ul>
</div>

</div> 

<div class="button-next">Вперед</div>

<div class="button-control"><span></span></div>


</div> 

</td>
</tr>

помогите разобраться!
 
Делал скрипт по уроку, но с моими картинками он работать отказывается, в чем проблема?
ссылка на сырой сайт:


Код:
<link rel="stylesheet" type="text/css" href="http://oranganikus.narod2.ru/test/skripts/layout.css" />
<link rel="stylesheet" type="text/css" href="http://oranganikus.narod2.ru/test/skripts/style7.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="http://oranganikus.narod2.ru/test/skripts/jquery.easing.js"></script>
<script language="javascript" type="text/javascript" src="http://oranganikus.narod2.ru/test/skripts/script2.js"></script>
<script type="text/javascript">
$(document).ready( function(){ 
var buttons = { previous:$('#jslidernews2 .button-previous') ,
next:$('#jslidernews2 .button-next') };		 
$('#jslidernews2').lofJSidernews( { interval:5000,
easing:'easeInOutQuad',
duration:1200,
auto:true,
mainWidth:490,
mainHeight:280,
navigatorHeight	 : 100,
navigatorWidth	 : 310,
maxItemDisplay:2,
buttons:buttons } );						
});

</script>





<tr>
<td height="280" colspan="2" background="http://oranganikus.narod2.ru/test/had.png" bgcolor="2f4548">

<div id="jslidernews2" class="lof-slidecontent" style="width:800px; height:280px;">
<div class="preload"></div>


<div class="button-previous">Назад</div>

<div class="main-slider-content" style="width:490px; height:280px;">
<ul class="sliders-wrap-inner">
<li>
<img src="http://oranganikus.narod2.ru/test/one.png" title="Pic one" >		 
</li> 
<li>
<img src="http://oranganikus.narod2.ru/test/two.png" title="Pic two" >						
</li> 
<li>
<img src="http://oranganikus.narod2.ru/test/three.png" title="Pic three" >			
</li> 
<li>
<img src="http://oranganikus.narod2.ru/test/four.png" title="Pic four" >			 
</li> 

</ul>  
</div>

<div class="navigator-content">
<div class="navigator-wrapper">
<ul class="navigator-wrap-inner">
<li>
<div>
<img src="http://oranganikus.narod2.ru/test/one_prew.png">
<h3> Новость 1 </h3>
<span>3.05.2012</span> - Нажмите чтобы узнать больше информации...
</div>	
</li>
<li>
<div>
<img src="http://oranganikus.narod2.ru/test/two_prew.png" >
<h3> Новость 2 </h3>
<span>3.05.2012</span> -Нажмите чтобы узнать больше информации. ..
</div>	
</li>

<li>
<div>
<img src="http://oranganikus.narod2.ru/test/three_prew.png">
<h3> Новость 3 </h3>
<span>3.05.2012</span> - Нажмите чтобы узнать больше информации. ..
</div>	 
</li>

<li>
<div>
<img src="http://oranganikus.narod2.ru/test/four_prew.png">
<h3> Новость 4</h3>
<span>3.05.2012</span> - Нажмите чтобы узнать больше информации. ..
</div>
</li>	

</ul>
</div>

</div> 

<div class="button-next">Вперед</div>

<div class="button-control"><span></span></div>


</div> 

</td>
</tr>

помогите разобраться!


Приведите ссылку на урок, по которому Вы делали свой скрипт.
 
вот по этому
когда делал слайд шоу отдельно от остального сайта, на удивление все работало. Думал, что баг из-за кучи подключенных цсс стилей, но когда пробовал их отключайть ничего не менялось = \
 
Мы в соцсетях:

Обучение наступательной кибербезопасности в игровой форме. Начать игру!