jQuery Cycle Plugin - контент не зацикливается - PullRequest
Новая
       20

jQuery Cycle Plugin - контент не зацикливается

0 голосов
/ 22 мая 2010

Я настраиваю страницу с помощью плагина jQuery's Cycle, и у меня установлено четыре деления для исчезновения.У меня есть код на месте, изображения установлены, но он не работает должным образом.Firefox говорит, что есть проблема со следующим кодом: 

<script type="text/javascript">
$(document).ready(function() {
$('.slideshow').cycle({
    fx: 'fade' 
  });
});
</script>

Вот HTML-код: 

<div class="slideshow">
<div id="mainImg-1" class="slide">
  <div class="quote">
    <h2>Building Big Relationships with Small Business.</h2>
    <p>&ldquo;This is quote Number One.<br />
      They are there when I need them the most.&rdquo;</p>
    <p><span class="author">Jane Doe &ndash; Charlotte Flower Shop</span></p>
    <div class="help"><a href="cb_services.html">Let Us Help You</a></div>
  </div>
</div>

 <div id="mainImg-2" class="slide">
  <div class="quote">
    <h2>Building Big Relationships with Small Business.</h2>
    <p>&ldquo;This is quote Number Two.<br />
      They are there when I need them the most.&rdquo;</p>
    <p><span class="author">Jane Doe &ndash; Charlotte Flower Shop</span></p>
    <div class="help"><a href="cb_services.html">Let Us Help You</a></div>
  </div>
</div>

 <div id="mainImg-3" class="slide">
  <div class="quote">
    <h2>Building Big Relationships with Small Business.</h2>
    <p>&ldquo;This is quote Number three.<br />
      They are there when I need them the most.&rdquo;</p>
    <p><span class="author">Jane Doe &ndash; Charlotte Flower Shop</span></p>
    <div class="help"><a href="cb_services.html">Let Us Help You</a></div>
  </div>
</div>

 <div id="mainImg-4" class="slide">
  <div class="quote">
    <h2>Building Big Relationships with Small Business.</h2>
    <p>&ldquo;This is quote Number Fout.<br />
      They are there when I need them the most.&rdquo;</p>
    <p><span class="author">Jane Doe &ndash; Charlotte Flower Shop</span></p>
    <div class="help"><a href="cb_services.html">Let Us Help You</a></div>
  </div>
</div>

Вот CSS: 

.slideshow  { width: 946px; height: 283px; border: 1px solid #c29c5d; margin: 8px; overflow: hidden;  z-index: 1; } 

 #mainImg-1     { width: 946px; height: 283px;  background: url(../_images/main.jpg) no-repeat 9px 9px; }
 #mainImg-2     { width: 946px; height: 283px;  background: url(../_images/main.jpg) no-repeat 9px 9px; }
 #mainImg-3     { width: 946px; height: 283px;  background: url(../_images/main.jpg) no-repeat 9px 9px; }
 #mainImg-4     { width: 946px; height: 283px;  background: url(../_images/main.jpg) no-repeat 9px 9px; }

 #mainImg-1 .quote,
 #mainImg-2 .quote,
 #mainImg-3 .quote,
 #mainImg-4 .quote { width: 608px; height: 168px; float: right; margin: 80px 11px 0 0; background: url(../_images/bg_quoteBox.png) repeat-x; }

Прежде чем вы уйдете и скажете: "Эй, все эти изображения одинаковы".Вы правы, изображения сейчас все одинаковые, но текст также должен вращаться, и здесь есть небольшая разница.Кроме того, исчезновение должно все еще отображаться.

В любом случае, вы можете увидеть здесь страницу разработчика: http://173.201.163.213/projectpath/first_trust/index.html

Я был бы признателен за помощь в прохождении этого цикла как следует.

Спасибо!

1 Ответ

2 голосов
/ 22 мая 2010

Глядя на источник, вам не хватает нескольких </script> тегов. 

<script type="text/javascript" src="_scripts/navigation.js"></script> 
<script type="text/javascript">
<script type="text/javascript">
<script type="text/javascript">
$(document).ready(function() {
    $('.slideshow').cycle({
        fx: 'fade' 
    });
});
</script>
<title>Charlotte Bank Mooresville Bank First Trust Bank</title>
...