Защо изображенията на jQuery Cycle не се припокриват едно с друго?

Поставям слайдшоу с обикновен градински цикъл на разнообразие на тази страница: http://www.orientalhealthsolutions.com/index-new. По някаква причина изображенията не се припокриват, както тук в моята тестова конфигурация: http://www.orientalhealthsolutions.com/cycle.html

Ето html:

<div class="slideshow">
    <img src="/photos/slideshow-1.jpg" alt="slideshow-1" width="600" height="410" />
    <img src="/photos/slideshow-2.jpg" alt="slideshow-2" width="600" height="410" />
</div>

Ето jQuery:

$('.slideshow').cycle({
   fx: 'fade' 
});

Ето CSS:

.slideshow  { 
    width: 600px; 
    height: 410px; 
    overflow: hidden;  
    }

Получавам съобщение за грешка, че $ не е функция, така че или имам конфликт, или съм объркал нещо друго. Всякакви менторски насоки ще бъдат оценени.

Благодаря.


jquery jquery-plugins jquery-cycle
person forrest    schedule 13.04.2012    source източник

Отговори (1)


arrow_upward
1
arrow_downward

Да, изглежда, че имате конфликт с нещо.

В chrome: console.log($) е недефиниран, където as console.log(jQuery) работи.

Промяна на бърза корекция $('.slideshow') на jQuery('.slideshow')

person Tim B James    schedule 13.04.2012
comment
Това обаче е просто бързо решение, така че е най-добре да се опитате да намерите по-елегантно решение, за да избегнете това в бъдеще. - person Tim B James; 13.04.2012