I honestly cannot believe but I've made it work. This has been troubling so much and it's finally worked. What I don't understand is why it did not work in the first place. I also think one important reason I just discovered that you had to load all your CSS files before the jQuery script/s. Which may have been the reason why it was not loading the plugin. Now, I've just link the jQuery framework from the jQuery website and it's working!
On Feb 6, 9:39 pm, MH1988 <m.lawrencehu...@gmail.com> wrote: > Many thanks for your response. Here is the page I have tried to > attempt making the jQuery Cycle plugin work correctly: <a > href="http://www.culturesinbetween.net/NEWWEBSITE/archives/299">website</a> > > 1. The first thing I did was add the scripts in my Wordpress theme's > header.php: > > <?php wp_enqueue_script('jquery'); ?> > > <script type='text/javascript' src='http://www.shapemould.com/ > culturesinbetween/NEWWEBSITE/wp-content/themes/sirup/ > jquery.cycle.all.js'></script> > > <script type='text/javascript'> > jQuery(document).ready(function(){ > jQuery('#frame1').cycle({ > fx:'fade', > speed:'2000', > timeout: 0, > next:'#next2', prev:'#prev2'}); > }); > </script> > > 2. Within the Wordpress post page (Add New Post), I added the > following (selecting HTML of course): > > <div id="imgframe"> > <div id="frame1" class="pics"> > <img src="http://www.culturesinbetween.net/NEWWEBSITE/wp-content/ > uploads/arnsdorfss09_f.jpg" /> <img > src="http://www.culturesinbetween.net/NEWWEBSITE/wp-content/uploads/arnsdorfss09_..." > /> > </div> > <a id='prev2' href='#'>Prev</a> | <a id='next2' href='#'>Next</a> > </div> > > I did not define any CSS for #frame1. However I defined .pics with: > > .pics { > width: 200px; > height: 200px; > overflow: hidden; > > } > > The results is that the page seems to display the correct CSS styling > and loads jQuery but I am suspecting that it does not load the jQuery > plugin. > > Can I ask if there is a solution to make the the image cycle work? > > On Feb 6, 6:45 pm, jQuery Lover <ilovejqu...@gmail.com> wrote: > > > jQuery works just fine with wordpress. There is nothing in wordpress > > that may conflict with jquery. Moreover, wordpress admin panel uses > > jquery. > > > Can you post a link to your page, so we could look into it and try to > > find out what's causing the problem... > > > ---- > > Read jQuery HowTo Resource - http://jquery-howto.blogspot.com > > > On Fri, Feb 6, 2009 at 11:48 AM, MH1988 <m.lawrencehu...@gmail.com> wrote: > > > > I just wanted to ask in general if using jQuery inconjunction with > > > Wordpress does actually work? I'm pretty sure if jQuery (attached with > > > a jQuery plugin) would work if it was to be included on the frontpage > > > (index.php) but maybe not for individual Wordpress posts? It's has > > > been quite a mountain to see if jQuery would work at all as I was > > > trying to use the Cycle plugin for a simple prev/next image slideshow > > > but to no avail. changing the script to jQuery () didn't work either. > > > > I've decided to use Lightbox which uses the Prototype framework and > > > that does work but prefer images within <ul>'s and <li>'s with a div > > > overflow: hidden than Lightbox.