[jQuery] Creating callbacks using Cycle plugin

[MH1988]

Currently, I have implemented a small image gallery using the jQuery
Cycle plugin. It's working perfectly but I would also like to add
callbacks. How do I successfully do this? I currently have:

jQuery(document).ready(function(){
jQuery('#frame1').cycle({
fx:'fade',
speed:'500',
timeout: 0,
next:'#next2',
prev:'#prev2',
});
});

What I would like to happen is as a user scrolls to the next image
(which fades in) the image and its corresponding caption appears
(basic styled text below it). The same action also when a user clicks
previous for the last image.

Also, I have general concerns about script loading. I have quite of
number of linked js files in my header. Seemingly, when you select and
view a webpage for the first time, the above script doesn't work -
only when you hit refresh does the image gallery appear properly. Is
this a problem at all?

Anyway to make the most of browsing loading time?

Thanks!

[jQuery] How to set before and after callbacks properly

[MH1988]

I am using the jQuery cycle plugin which is working perfectly.
However, I would like to add some more functionality to the image
gallery I have created. What I would like to do is after an image
fades in, I would like a caption to be display along with the image as
well. I think the easiest way perhaps is display the image's alt or
title? How would I correctly setup the javascript for this?

Thanks!

jQuery(document).ready(function(){
jQuery('#frame1').cycle({
fx:'fade',
speed:'500',
timeout: 0,
next:'#next2',
prev:'#prev2',
});
});

[jQuery] Re: Question related to Javascript

[MH1988]

Thanks so much for the help. I'm afraid it still isn't working
correctly. I tried [0] which to me means it initiates the very first
image as soon as it preloads. For more details of how I am using this,
I am actually using the Prototype script framework which makes this
image gallery work.

Is   $(imgDisplay0).src = imgs0Slideshow[start].image;  correct?

I'm wondering if there is still something missing to make it work?
Also, it would also be great if you could explain some of the things
mentioned more simpler as I'm inexperienced.

Many thanks.

On Feb 8, 8:11 pm, seasoup seas...@gmail.com wrote:
 Also, instead of saying

 var imgs0Slideshow = new Array();
 imgs0Slideshow[0] = new Object();

 It's easier to just say

 var imgs0Slideshow = [];
 imgs0Slideshow[0] = {};

 and that achieves the exact same thing.

 On Feb 8, 1:10 am, seasoup seas...@gmail.com wrote:

  $(imgDisplay0_title).innerHTML = title;
  $(imgDisplay0_caption).innerHTML = caption;
  $(imgDisplay0_number).innerHTML = 1 of  + imgs0Slideshow.length +
   Articles;

  should be

  $(imgDisplay0_title).html(title);
  $(imgDisplay0_caption).html(caption);
  $(imgDisplay0_number).html('1 of ' + imgs0Slideshow.length + '
  Articles');

  or

  $(imgDisplay0_title).text(title);
  $(imgDisplay0_caption).text(caption);
  $(imgDisplay0_number).text('1 of ' + imgs0Slideshow.length + '
  Articles');

  or

  $(imgDisplay0_title).get(0).innerHTML = title;
  $(imgDisplay0_caption).get(0).innerHTML = caption;
  $(imgDisplay0_number).get(0).innerHTML = 1 of  +
  imgs0Slideshow.length +  Articles;

   or

  $(imgDisplay0_title)[0].innerHTML = title;
  $(imgDisplay0_caption)[0].innerHTML = caption;
  $(imgDisplay0_number)[0].innerHTML = 1 of  + imgs0Slideshow.length
  +  Articles;

  .html('text'); is the standard jQuery way to do add html, but is
  slower then .text which is the jQuery way to add plain text, which is
  slower then .innerHTML, but not by significant amounts unless you are
  in a big loop.  .html() also handles removing events from DOM Elements
  that are written over this way which prevents circular references that
  can cause memory leaks.  but, if speed is a big factor and you don't
  have any events doing .get(0) or [0] work.

  The problem is that $() returns a jQuery collection not a DOM object
  with the .innerHTML method.  .get(0) or [0] will return the first
  element in the jQuery collection which is the DOM node you are looking
  for with the innerHTML method.

  Hope that helps.

  Josh Powell

  On Feb 7, 10:10 pm, MH1988 m.lawrencehu...@gmail.com wrote:

   I hope I am able to still receive assistance even though this isn't
   jQuery 100% and what I have is an image gallery I am using. The only
   thing I need to work out is how to make sure the initial title and
   captions appear when you load the webpage?

   script type='text/javascript'
   var imgs0Slideshow = new Array();
   var imgs0;
   imgs0Slideshow[0] = new Object();
   imgs0Slideshow[0].image = ;
   imgs0Slideshow[0].title = ;
   imgs0Slideshow[0].caption =  shshshshshsh;
   imgs0Slideshow[1] = new Object();
   imgs0Slideshow[1].image = ;
   imgs0Slideshow[1].title = Array;
   imgs0Slideshow[1].caption =  shshshshs;
   imgs0Slideshow[2] = new Object();
   imgs0Slideshow[2].image = ;
   imgs0Slideshow[2].title = ;
   imgs0Slideshow[2].caption =  shshshsh;
   var start = 0;
   imgs0 = new MudFadeGallery('imgs0', 'imgDisplay0', imgs0Slideshow,
   {startNum: start, preload: true, autoplay: 4});

   var title = (imgs0Slideshow[0].title) ? imgs0Slideshow[0].title : No
   Title;
           var caption = (imgs0Slideshow[0].caption) ? imgs0Slideshow
   [0].caption : No caption;
           $(imgDisplay0_title).innerHTML = title;
           $(imgDisplay0_caption).innerHTML = caption;
           $(imgDisplay0_number).innerHTML = 1 of  + 
   imgs0Slideshow.length +
Articles;
           $(imgDisplay0).src = imgs0Slideshow[start].image;

   /script

   The entire Gallery works correctly but I am not sure if the last part
   of the script is structured correctly. When it is first loaded, the
   first image does appear but without it's title and captions and I want
   to show it.

[jQuery] Re: Question related to Javascript

[MH1988]

Sorry, just also to mention, I am integrating this within WordPress
and I am using the jQuery framework for another gallery.

On Feb 8, 9:58 pm, MH1988 m.lawrencehu...@gmail.com wrote:
 Thanks so much for the help. I'm afraid it still isn't working
 correctly. I tried [0] which to me means it initiates the very first
 image as soon as it preloads. For more details of how I am using this,
 I am actually using the Prototype script framework which makes this
 image gallery work.

 Is   $(imgDisplay0).src = imgs0Slideshow[start].image;  correct?

 I'm wondering if there is still something missing to make it work?
 Also, it would also be great if you could explain some of the things
 mentioned more simpler as I'm inexperienced.

 Many thanks.

 On Feb 8, 8:11 pm, seasoup seas...@gmail.com wrote:

  Also, instead of saying

  var imgs0Slideshow = new Array();
  imgs0Slideshow[0] = new Object();

  It's easier to just say

  var imgs0Slideshow = [];
  imgs0Slideshow[0] = {};

  and that achieves the exact same thing.

  On Feb 8, 1:10 am, seasoup seas...@gmail.com wrote:

   $(imgDisplay0_title).innerHTML = title;
   $(imgDisplay0_caption).innerHTML = caption;
   $(imgDisplay0_number).innerHTML = 1 of  + imgs0Slideshow.length +
Articles;

   should be

   $(imgDisplay0_title).html(title);
   $(imgDisplay0_caption).html(caption);
   $(imgDisplay0_number).html('1 of ' + imgs0Slideshow.length + '
   Articles');

   or

   $(imgDisplay0_title).text(title);
   $(imgDisplay0_caption).text(caption);
   $(imgDisplay0_number).text('1 of ' + imgs0Slideshow.length + '
   Articles');

   or

   $(imgDisplay0_title).get(0).innerHTML = title;
   $(imgDisplay0_caption).get(0).innerHTML = caption;
   $(imgDisplay0_number).get(0).innerHTML = 1 of  +
   imgs0Slideshow.length +  Articles;

    or

   $(imgDisplay0_title)[0].innerHTML = title;
   $(imgDisplay0_caption)[0].innerHTML = caption;
   $(imgDisplay0_number)[0].innerHTML = 1 of  + imgs0Slideshow.length
   +  Articles;

   .html('text'); is the standard jQuery way to do add html, but is
   slower then .text which is the jQuery way to add plain text, which is
   slower then .innerHTML, but not by significant amounts unless you are
   in a big loop.  .html() also handles removing events from DOM Elements
   that are written over this way which prevents circular references that
   can cause memory leaks.  but, if speed is a big factor and you don't
   have any events doing .get(0) or [0] work.

   The problem is that $() returns a jQuery collection not a DOM object
   with the .innerHTML method.  .get(0) or [0] will return the first
   element in the jQuery collection which is the DOM node you are looking
   for with the innerHTML method.

   Hope that helps.

   Josh Powell

   On Feb 7, 10:10 pm, MH1988 m.lawrencehu...@gmail.com wrote:

I hope I am able to still receive assistance even though this isn't
jQuery 100% and what I have is an image gallery I am using. The only
thing I need to work out is how to make sure the initial title and
captions appear when you load the webpage?

script type='text/javascript'
var imgs0Slideshow = new Array();
var imgs0;
imgs0Slideshow[0] = new Object();
imgs0Slideshow[0].image = ;
imgs0Slideshow[0].title = ;
imgs0Slideshow[0].caption =  shshshshshsh;
imgs0Slideshow[1] = new Object();
imgs0Slideshow[1].image = ;
imgs0Slideshow[1].title = Array;
imgs0Slideshow[1].caption =  shshshshs;
imgs0Slideshow[2] = new Object();
imgs0Slideshow[2].image = ;
imgs0Slideshow[2].title = ;
imgs0Slideshow[2].caption =  shshshsh;
var start = 0;
imgs0 = new MudFadeGallery('imgs0', 'imgDisplay0', imgs0Slideshow,
{startNum: start, preload: true, autoplay: 4});

var title = (imgs0Slideshow[0].title) ? imgs0Slideshow[0].title : No
Title;
        var caption = (imgs0Slideshow[0].caption) ? imgs0Slideshow
[0].caption : No caption;
        $(imgDisplay0_title).innerHTML = title;
        $(imgDisplay0_caption).innerHTML = caption;
        $(imgDisplay0_number).innerHTML = 1 of  + 
imgs0Slideshow.length +
 Articles;
        $(imgDisplay0).src = imgs0Slideshow[start].image;

/script

The entire Gallery works correctly but I am not sure if the last part
of the script is structured correctly. When it is first loaded, the
first image does appear but without it's title and captions and I want
to show it.

[jQuery] Re: Question related to Javascript

[MH1988]

Would be great if someone could still help me out?

On Feb 8, 10:01 pm, MH1988 m.lawrencehu...@gmail.com wrote:
 Sorry, just also to mention, I am integrating this within WordPress
 and I am using the jQuery framework for another gallery.

 On Feb 8, 9:58 pm, MH1988 m.lawrencehu...@gmail.com wrote:

  Thanks so much for the help. I'm afraid it still isn't working
  correctly. I tried [0] which to me means it initiates the very first
  image as soon as it preloads. For more details of how I am using this,
  I am actually using the Prototype script framework which makes this
  image gallery work.

  Is   $(imgDisplay0).src = imgs0Slideshow[start].image;  correct?

  I'm wondering if there is still something missing to make it work?
  Also, it would also be great if you could explain some of the things
  mentioned more simpler as I'm inexperienced.

  Many thanks.

  On Feb 8, 8:11 pm, seasoup seas...@gmail.com wrote:

   Also, instead of saying

   var imgs0Slideshow = new Array();
   imgs0Slideshow[0] = new Object();

   It's easier to just say

   var imgs0Slideshow = [];
   imgs0Slideshow[0] = {};

   and that achieves the exact same thing.

   On Feb 8, 1:10 am, seasoup seas...@gmail.com wrote:

$(imgDisplay0_title).innerHTML = title;
$(imgDisplay0_caption).innerHTML = caption;
$(imgDisplay0_number).innerHTML = 1 of  + imgs0Slideshow.length +
 Articles;

should be

$(imgDisplay0_title).html(title);
$(imgDisplay0_caption).html(caption);
$(imgDisplay0_number).html('1 of ' + imgs0Slideshow.length + '
Articles');

or

$(imgDisplay0_title).text(title);
$(imgDisplay0_caption).text(caption);
$(imgDisplay0_number).text('1 of ' + imgs0Slideshow.length + '
Articles');

or

$(imgDisplay0_title).get(0).innerHTML = title;
$(imgDisplay0_caption).get(0).innerHTML = caption;
$(imgDisplay0_number).get(0).innerHTML = 1 of  +
imgs0Slideshow.length +  Articles;

 or

$(imgDisplay0_title)[0].innerHTML = title;
$(imgDisplay0_caption)[0].innerHTML = caption;
$(imgDisplay0_number)[0].innerHTML = 1 of  + imgs0Slideshow.length
+  Articles;

.html('text'); is the standard jQuery way to do add html, but is
slower then .text which is the jQuery way to add plain text, which is
slower then .innerHTML, but not by significant amounts unless you are
in a big loop.  .html() also handles removing events from DOM Elements
that are written over this way which prevents circular references that
can cause memory leaks.  but, if speed is a big factor and you don't
have any events doing .get(0) or [0] work.

The problem is that $() returns a jQuery collection not a DOM object
with the .innerHTML method.  .get(0) or [0] will return the first
element in the jQuery collection which is the DOM node you are looking
for with the innerHTML method.

Hope that helps.

Josh Powell

On Feb 7, 10:10 pm, MH1988 m.lawrencehu...@gmail.com wrote:

 I hope I am able to still receive assistance even though this isn't
 jQuery 100% and what I have is an image gallery I am using. The only
 thing I need to work out is how to make sure the initial title and
 captions appear when you load the webpage?

 script type='text/javascript'
 var imgs0Slideshow = new Array();
 var imgs0;
 imgs0Slideshow[0] = new Object();
 imgs0Slideshow[0].image = ;
 imgs0Slideshow[0].title = ;
 imgs0Slideshow[0].caption =  shshshshshsh;
 imgs0Slideshow[1] = new Object();
 imgs0Slideshow[1].image = ;
 imgs0Slideshow[1].title = Array;
 imgs0Slideshow[1].caption =  shshshshs;
 imgs0Slideshow[2] = new Object();
 imgs0Slideshow[2].image = ;
 imgs0Slideshow[2].title = ;
 imgs0Slideshow[2].caption =  shshshsh;
 var start = 0;
 imgs0 = new MudFadeGallery('imgs0', 'imgDisplay0', imgs0Slideshow,
 {startNum: start, preload: true, autoplay: 4});

 var title = (imgs0Slideshow[0].title) ? imgs0Slideshow[0].title : No
 Title;
         var caption = (imgs0Slideshow[0].caption) ? imgs0Slideshow
 [0].caption : No caption;
         $(imgDisplay0_title).innerHTML = title;
         $(imgDisplay0_caption).innerHTML = caption;
         $(imgDisplay0_number).innerHTML = 1 of  + 
 imgs0Slideshow.length +
  Articles;
         $(imgDisplay0).src = imgs0Slideshow[start].image;

 /script

 The entire Gallery works correctly but I am not sure if the last part
 of the script is structured correctly. When it is first loaded, the
 first image does appear but without it's title and captions and I want
 to show it.

[jQuery] Question related to Javascript

[MH1988]

I hope I am able to still receive assistance even though this isn't
jQuery 100% and what I have is an image gallery I am using. The only
thing I need to work out is how to make sure the initial title and
captions appear when you load the webpage?

script type='text/javascript'
var imgs0Slideshow = new Array();
var imgs0;
imgs0Slideshow[0] = new Object();
imgs0Slideshow[0].image = ;
imgs0Slideshow[0].title = ;
imgs0Slideshow[0].caption =  shshshshshsh;
imgs0Slideshow[1] = new Object();
imgs0Slideshow[1].image = ;
imgs0Slideshow[1].title = Array;
imgs0Slideshow[1].caption =  shshshshs;
imgs0Slideshow[2] = new Object();
imgs0Slideshow[2].image = ;
imgs0Slideshow[2].title = ;
imgs0Slideshow[2].caption =  shshshsh;
var start = 0;
imgs0 = new MudFadeGallery('imgs0', 'imgDisplay0', imgs0Slideshow,
{startNum: start, preload: true, autoplay: 4});

var title = (imgs0Slideshow[0].title) ? imgs0Slideshow[0].title : No
Title;
var caption = (imgs0Slideshow[0].caption) ? imgs0Slideshow
[0].caption : No caption;
$(imgDisplay0_title).innerHTML = title;
$(imgDisplay0_caption).innerHTML = caption;
$(imgDisplay0_number).innerHTML = 1 of  + imgs0Slideshow.length +
 Articles;
$(imgDisplay0).src = imgs0Slideshow[start].image;

/script

The entire Gallery works correctly but I am not sure if the last part
of the script is structured correctly. When it is first loaded, the
first image does appear but without it's title and captions and I want
to show it.

[jQuery] Re: General Question RE: Using jQuery with Wordpress

[MH1988]

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/299website/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_f.jpg
/
/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.

[jQuery] Re: General Question RE: Using jQuery with Wordpress

[MH1988]

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.

[jQuery] General Question RE: Using jQuery with Wordpress

[MH1988]

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.

[jQuery] Re: Using jQuery with Wordpress

[MH1988]

I finally found some documentation regardng this. It seems that using
jQuery inconjuction with Wordpress is fine however, you must use
jQuery () instead of $. Further details also suggest that Wordpress
won't register a jQuery plugin.

On Feb 4, 6:43 pm, MH1988 m.lawrencehu...@gmail.com wrote:
 Oh, thank you for responding back. I didn't think I would get a reply
 at all.

 The problem I am having seems to be that jQuery + the jQuery Cycle
 plugin with simple fade and prev/next transitions does not work at
 all. My main reason for using it is I would like to include it in each
 Wordpress post when I want to present images. This is my page here: a
 href=http://www.culturesinbetween.net/NEWWEBSITE/archives/260;page/
 a

 I have embedded jQuery v. 2.34 and the Cycle plugin v. 1.3.1

 What I have done is evoked the function within the header.php file.
 The only thing I have done is put in the div's in the Wordpress post
 but nothing works.

 I've put overflow: hidden for the div

 I don't know why but works perfectly for users using Indexhibit
 (www.indexhibit.org)

 Mike

 On Feb 4, 3:20 am, Penner, Matthew mpen...@valverde.edu wrote:

  Is jQuery working at all?  I've noticed that WordPress can be very
  intrusive when you put javascript in posts.  When I would first write a
  post with js embedded it would work, but the instant I edited it online
  the helpful editor textbox would reformat my js and break it.

  If you want your gallery to be a permanent fixture (ie. On the side bar
  rather than just a single post) I would suggest you edit your theme
  directly.  This should avoid any WordPress issues.

  Matt Penner

  -Original Message-
  From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On

  Behalf Of MH1988
  Sent: Tuesday, February 03, 2009 5:58 AM
  To: jQuery (English)
  Subject: [jQuery] Using jQuery with Wordpress

  I am having problems using jquery with wordpress. I would like to use
  the simple gallery plugin but it will not fade in/out my images. Help?

[jQuery] How to make Jquery work properly

[MH1988]

I have only been recently introduced to using JQuery and I am having
basic problems of making it work. I previously used Takashi's
MudCorp's Image Gallery but it came into conflict with the simple
JQuery slideshow gallery I am implementing.

What I have in my wordpress post is this:
div id=section1 class=pics
img src=/wp-content/uploads/ccp_invitation_no3_uk.jpg /
img src=wp-content/uploads/arnsdorfss09_f.jpg /
img src=wp-content/uploads/ccp_invitation_no3_uk.jpg /
/div
a id=prev href=#prev/anbsp;nbsp;nbsp;a id=next
href=#next/a

I've called my header with JQuery 1.2.3 and the JQuery Cycle Plugin
2.34.

This is also in my header:
script type=text/javascript
$('#section1').cycle({
fx: 'fade',
speed:  'fast',
timeout: 0,
next:   '#next',
prev:   '#prev'
});
/script


and the page: a href=http://www.culturesinbetween.net/NEWWEBSITE/
archives/260website/a

The fade transition does not work. Please help.

[jQuery] Using jQuery with Wordpress

[MH1988]

I am having problems using jquery with wordpress. I would like to use
the simple gallery plugin but it will not fade in/out my images. Help?

[jQuery] Re: Using jQuery with Wordpress

[MH1988]

Oh, thank you for responding back. I didn't think I would get a reply
at all.

The problem I am having seems to be that jQuery + the jQuery Cycle
plugin with simple fade and prev/next transitions does not work at
all. My main reason for using it is I would like to include it in each
Wordpress post when I want to present images. This is my page here: a
href=http://www.culturesinbetween.net/NEWWEBSITE/archives/260;page/
a

I have embedded jQuery v. 2.34 and the Cycle plugin v. 1.3.1

What I have done is evoked the function within the header.php file.
The only thing I have done is put in the div's in the Wordpress post
but nothing works.

I've put overflow: hidden for the div

I don't know why but works perfectly for users using Indexhibit
(www.indexhibit.org)

Mike

On Feb 4, 3:20 am, Penner, Matthew mpen...@valverde.edu wrote:
 Is jQuery working at all?  I've noticed that WordPress can be very
 intrusive when you put javascript in posts.  When I would first write a
 post with js embedded it would work, but the instant I edited it online
 the helpful editor textbox would reformat my js and break it.

 If you want your gallery to be a permanent fixture (ie. On the side bar
 rather than just a single post) I would suggest you edit your theme
 directly.  This should avoid any WordPress issues.

 Matt Penner

 -Original Message-
 From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On

 Behalf Of MH1988
 Sent: Tuesday, February 03, 2009 5:58 AM
 To: jQuery (English)
 Subject: [jQuery] Using jQuery with Wordpress

 I am having problems using jquery with wordpress. I would like to use
 the simple gallery plugin but it will not fade in/out my images. Help?