There is still a js error in your onAfter() function.
You have jQuery.noConflict(); set and using $('.imgcap').
My 2 cents.
----
Read jQuery HowTo Resource - http://jquery-howto.blogspot.com
On Fri, Feb 6, 2009 at 4:09 PM, MH1988 <m.lawrencehu...@gmail.com> wrote:
>
> 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.
