Thread

Hi all,

Im building my first EE website and I am having problems loading the jQuery cycle plugin but only on my EE template pages.

I have stripped the plugin files down to core code and added files to one embed/test template. When I embed the code into my working templates the code does not work and I get a “$(”.gallery”).cycle is not a function” error.

When I embed the code in a blank template or plain HTML I get no problems at all.

Can anyone think why this might be happening?

thanks,

gemmes

Post up some code, bit like finding a needle in a haystack :(

Sounds like jquery isn’t loading, use the google function to load it (rules out a path issue) OR the plugin isn’t loading (favorite option)

Use firebug for firefox to check what the paths are doing when rendered 😊

EE CODE:

{embed="includes/document_header"}
{embed="includes/header"}

<!-- ARTICLE -->
<article class="journal">

    {exp:channel:entries channel="article" orderby="date" limit="1"}
    
        <h1>{title}</h1>

        {embed="includes/test"}
    
    {/exp:channel:entries}
    
</article>
<!-- ARTICLE -->

{embed="includes/footer"}

INCLUDES/TEST
This code does not work in above template. Works everywhere else.
<div class=“gallery”>
      http://cloud.github.com/downloads/malsup/cycle/beach1.jpg
      http://cloud.github.com/downloads/malsup/cycle/beach2.jpg
      http://cloud.github.com/downloads/malsup/cycle/beach3.jpg
      http://cloud.github.com/downloads/malsup/cycle/beach4.jpg
      http://cloud.github.com/downloads/malsup/cycle/beach5.jpg
  </div>
  [removed][removed]
  [removed][removed]
  [removed]
  $(document).ready(function() {
$('.gallery').cycle({
fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc…
});
  });
  [removed]
  <style type=“text/css”>
  .gallery { height: 232px; width: 232px; }
  .gallery img { padding: 10px; border: 1px solid #ccc; background-color: #eee; }
  </style></code></pre>