[jQuery] Re: jQuery Cycle Plugin help needed
it looks like I'm a little late to the game on this thread, but I
found it via google, and you guys seem to know what you're talking
about :-)
I'm trying to get this to work on a WordPress theme that I'm
developing for my site, but for some reason it just won't work. I'm
new to jQuery, but this should be pretty straightforward.
http://www.nathanrice.net/?wptheme=NR2.0
I have the script call in the head section, and I've got the necessary
code:
$(document).ready(function() {
$('#s2').cycle({
fx: 'fade',
speed: 'normal',
timeout: 6000
});
});
plus the markup:
div id=s2 class=pics
a href=http://www.nathanrice.net/themes/rockinbizred/;img
src=?php bloginfo('template_url'); ?/images/slides/rockinbizred-
slide.jpg width=595 height=192 alt=RockinBizRed 2.0 //a
a href=http://www.nathanrice.net/themes/stripped/;img src=?
php bloginfo('template_url'); ?/images/slides/stripped.jpg
width=595 height=192 alt=Stripped WordPress Theme //a
img src=?php bloginfo('template_url'); ?/images/slides/
tagcloud.jpg width=595 height=192 alt=Tag Cloud /
/div
In theory this should be working, but it's not. Any help would be
much appreciated.
Thanks!
Nathan
On Jan 25, 6:18 pm, visitorQ [EMAIL PROTECTED] wrote:
thanks mike i'll try that and get back to you guys! you're all
great
On Jan 25, 3:40 pm, Mike Alsup [EMAIL PROTECTED] wrote:
image and have it say 'read article ' and a user could click it. then
when the image fades, the link does also, until the next image fades
in, with it's own text link to its own article. i'm not having much
luck since i need to write each link it's own class in the stylesheet
because they need to be positioned a little differently from eachother
over their images. how would i do this? the plugin doesn't like to see
div tags after each image. it doesn't like it when i put text within
the image tags. what do you think i should do?
Q, you just need to think outside the box a little bit. The thing to
remember is thatCyclewill treat each immediate child element of the
container as a slide. A slide can be whatever you want (img, div, p, etc)
and can contain whatever you need. For example:
div id=slideshow
div
img src=image1.jpg/
a href=/whateverWhatever/a
divblah blah blah/div
/div
div
img src=image1.jpg/
a href=/whateverWhatever/a
divblah blah blah/div
/div
/div
The markup above would drive a two-slide slideshow. You then just need to
apply the appropriate CSS to the container and slides to make your markup
bow to your will.
Mike
[jQuery] Re: jQuery Cycle Plugin help needed
testing ... On Jan 25, 6:18 pm, visitorQ [EMAIL PROTECTED] wrote: thanks mike i'll try that and get back to you guys! you're all great On Jan 25, 3:40 pm, Mike Alsup [EMAIL PROTECTED] wrote: image and have it say 'read article ' and a user could click it. then when the image fades, the link does also, until the next image fades in, with it's own text link to its own article. i'm not having much luck since i need to write each link it's own class in the stylesheet because they need to be positioned a little differently from eachother over their images. how would i do this? the plugin doesn't like to see div tags after each image. it doesn't like it when i put text within the image tags. what do you think i should do? Q, you just need to think outside the box a little bit. The thing to remember is that Cycle will treat each immediate child element of the container as a slide. A slide can be whatever you want (img, div, p, etc) and can contain whatever you need. For example: div id=slideshow div img src=image1.jpg/ a href=/whateverWhatever/a divblah blah blah/div /div div img src=image1.jpg/ a href=/whateverWhatever/a divblah blah blah/div /div /div The markup above would drive a two-slide slideshow. You then just need to apply the appropriate CSS to the container and slides to make your markup bow to your will. Mike
[jQuery] Re: jQuery Cycle Plugin help needed
it looks like I'm a little late to the game on this thread, but I found it via google, and you guys seem to know what you're talking about :-) I'm trying to get this to work on a WordPress theme that I'm developing for my site, but for some reason it just won't work. I'm new to jQuery, but this should be pretty straightforward. http://www.nathanrice.net/?wptheme=NR2.0 You need to load the jQuery script *before* any plugin scripts. And you should probably be using Firefox with Firebug so that you could see these errors right away. They jump right out at you with the proper tools.
[jQuery] Re: jQuery Cycle Plugin help needed
You're absolutely right ... I knew it was going to be something simple that I'm too dense to catch! :-) Thanks so much!!! Nathan On Feb 16, 8:53 am, Mike Alsup [EMAIL PROTECTED] wrote: it looks like I'm a little late to the game on this thread, but I found it via google, and you guys seem to know what you're talking about :-) I'm trying to get this to work on a WordPress theme that I'm developing for my site, but for some reason it just won't work. I'm new to jQuery, but this should be pretty straightforward. http://www.nathanrice.net/?wptheme=NR2.0 You need to load the jQuery script *before* any plugin scripts. And you should probably be using Firefox with Firebug so that you could see these errors right away. They jump right out at you with the proper tools.
[jQuery] Re: jQuery Cycle Plugin help needed
image and have it say 'read article ' and a user could click it. then when the image fades, the link does also, until the next image fades in, with it's own text link to its own article. i'm not having much luck since i need to write each link it's own class in the stylesheet because they need to be positioned a little differently from eachother over their images. how would i do this? the plugin doesn't like to see div tags after each image. it doesn't like it when i put text within the image tags. what do you think i should do? Q, you just need to think outside the box a little bit. The thing to remember is that Cycle will treat each immediate child element of the container as a slide. A slide can be whatever you want (img, div, p, etc) and can contain whatever you need. For example: div id=slideshow div img src=image1.jpg/ a href=/whateverWhatever/a divblah blah blah/div /div div img src=image1.jpg/ a href=/whateverWhatever/a divblah blah blah/div /div /div The markup above would drive a two-slide slideshow. You then just need to apply the appropriate CSS to the container and slides to make your markup bow to your will. Mike
[jQuery] Re: jQuery Cycle Plugin help needed
thanks mike i'll try that and get back to you guys! you're all great On Jan 25, 3:40 pm, Mike Alsup [EMAIL PROTECTED] wrote: image and have it say 'read article ' and a user could click it. then when the image fades, the link does also, until the next image fades in, with it's own text link to its own article. i'm not having much luck since i need to write each link it's own class in the stylesheet because they need to be positioned a little differently from eachother over their images. how would i do this? the plugin doesn't like to see div tags after each image. it doesn't like it when i put text within the image tags. what do you think i should do? Q, you just need to think outside the box a little bit. The thing to remember is that Cycle will treat each immediate child element of the container as a slide. A slide can be whatever you want (img, div, p, etc) and can contain whatever you need. For example: div id=slideshow div img src=image1.jpg/ a href=/whateverWhatever/a divblah blah blah/div /div div img src=image1.jpg/ a href=/whateverWhatever/a divblah blah blah/div /div /div The markup above would drive a two-slide slideshow. You then just need to apply the appropriate CSS to the container and slides to make your markup bow to your will. Mike
[jQuery] Re: jQuery Cycle Plugin help needed
yeah thanks to mike for a friggin awesome plugin!
i'm glad you liked checking out the labradoodles! this site is for a
friend of mine. they sold tiger woods his labradoodle! awesome huh?
they're beautiful dogs. anyway, i'm having one more little issue.
everything works GREAT, but i want to add some text over the images as
they fade. for instance, each image illustrates a small part of an
article about labradoodles. i want to have a text link overlay the
image and have it say 'read article ' and a user could click it. then
when the image fades, the link does also, until the next image fades
in, with it's own text link to its own article. i'm not having much
luck since i need to write each link it's own class in the stylesheet
because they need to be positioned a little differently from eachother
over their images. how would i do this? the plugin doesn't like to see
div tags after each image. it doesn't like it when i put text within
the image tags. what do you think i should do?
thanks again for everything!!!
On Jan 25, 1:36 pm, Karl Swedberg [EMAIL PROTECTED] wrote:
heh. That reaction made it all worthwhile. :-) (and special thanks to
Mike Alsup for the awesomeplugin!)
As a former owner of a standard poodle, I must say I loved looking at
the labradoodles on your web page, too.
--Karl
_
Karl Swedbergwww.englishrules.comwww.learningjquery.com
On Jan 25, 2008, at 1:21 PM, visitorQ wrote:
KARL!! thank you so much! that worked perfectly man! thank you!! i'm
thining about adding the paging slideshow instead of this one in the
future. i'll be back if i have any problems! you guys are the best!!!
woohoo we're cookin now!!!
=)
On Jan 25, 7:23 am, Karl Swedberg [EMAIL PROTECTED] wrote:
On Jan 25, 2008, at 1:24 AM, visitorQ wrote:
i am however having one other problem. before the slideshow
worked, i
had a dropdown menu on my navbar. but now with the slideshow over
it,
you can't see the dropdown when you rollover the navbar. sooo, i
kinda
need the navbar. what do you guys recommend?
Hi Q,
To get the sub-nav showing, you'll need to add a couple lines to your
stylesheet.
ul#navmenu {
margin: 0;
border: 0 none;
padding: 0;
list-style: none;
/* add these next two lines */
position: relative;
z-index: 5;
}
Glad it's coming together for you!
--Karl
_
Karl Swedbergwww.englishrules.comwww.learningjquery.com
Mike and Karl. thank you both for helping me with this thread! so
just
for documentation's sake i'll explain what happened:
i run a linux machine and i have an apache server running. all of
the
files that are served on it need to have certain permissions and be
owned by a certain user and be associated with a certain group. the
jquerycyclepluginhad the wrong permissions and and wrong group and
wrong owner. as soon as i changed it, the slideshow worked. i've
added
more pictures too. i'll be moving to using the 'pager' also found on
the same page on your site.
[ ... snip ... ]
On Jan 24, 10:36 pm, Mike Alsup [EMAIL PROTECTED] wrote:
It looks to me like it's working just fine -- that is, it's
successfully rotating the three instances of the same image, since
that is what you have in your HTML:
div id=headingfade class=pics
img src=images/onelucky.gif width=712
height=273 /
img src=images/onelucky.gif width=712
height=273 /
img src=images/onelucky.gif width=712
height=273 /
/div
So, I grabbed your page, substituted different images for
onelucky.gif
numbers 2 and 3, and it looks fine (except for the image
distortion,
but that is due to your CSS):
http://test.learningjquery.com/cycle.html
--Karl
Nice! Thanks for the legwork, Karl! You're right. Looks like Q
has it
working now - just needs to rename the images.
Good night!
Mike
[jQuery] Re: jQuery Cycle Plugin help needed
On Jan 25, 2008, at 1:24 AM, visitorQ wrote:
i am however having one other problem. before the slideshow worked, i
had a dropdown menu on my navbar. but now with the slideshow over it,
you can't see the dropdown when you rollover the navbar. sooo, i kinda
need the navbar. what do you guys recommend?
Hi Q,
To get the sub-nav showing, you'll need to add a couple lines to your
stylesheet.
ul#navmenu {
margin: 0;
border: 0 none;
padding: 0;
list-style: none;
/* add these next two lines */
position: relative;
z-index: 5;
}
Glad it's coming together for you!
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
Mike and Karl. thank you both for helping me with this thread! so just
for documentation's sake i'll explain what happened:
i run a linux machine and i have an apache server running. all of the
files that are served on it need to have certain permissions and be
owned by a certain user and be associated with a certain group. the
jquery cycle plugin had the wrong permissions and and wrong group and
wrong owner. as soon as i changed it, the slideshow worked. i've added
more pictures too. i'll be moving to using the 'pager' also found on
the same page on your site.
[ ... snip ... ]
On Jan 24, 10:36 pm, Mike Alsup [EMAIL PROTECTED] wrote:
It looks to me like it's working just fine -- that is, it's
successfully rotating the three instances of the same image, since
that is what you have in your HTML:
div id=headingfade class=pics
img src=images/onelucky.gif width=712
height=273 /
img src=images/onelucky.gif width=712
height=273 /
img src=images/onelucky.gif width=712
height=273 /
/div
So, I grabbed your page, substituted different images for
onelucky.gif
numbers 2 and 3, and it looks fine (except for the image distortion,
but that is due to your CSS):
http://test.learningjquery.com/cycle.html
--Karl
Nice! Thanks for the legwork, Karl! You're right. Looks like Q
has it
working now - just needs to rename the images.
Good night!
Mike
[jQuery] Re: jQuery Cycle Plugin help needed
KARL!! thank you so much! that worked perfectly man! thank you!! i'm
thining about adding the paging slideshow instead of this one in the
future. i'll be back if i have any problems! you guys are the best!!!
woohoo we're cookin now!!!
=)
On Jan 25, 7:23 am, Karl Swedberg [EMAIL PROTECTED] wrote:
On Jan 25, 2008, at 1:24 AM, visitorQ wrote:
i am however having one other problem. before the slideshow worked, i
had a dropdown menu on my navbar. but now with the slideshow over it,
you can't see the dropdown when you rollover the navbar. sooo, i kinda
need the navbar. what do you guys recommend?
Hi Q,
To get the sub-nav showing, you'll need to add a couple lines to your
stylesheet.
ul#navmenu {
margin: 0;
border: 0 none;
padding: 0;
list-style: none;
/* add these next two lines */
position: relative;
z-index: 5;
}
Glad it's coming together for you!
--Karl
_
Karl Swedbergwww.englishrules.comwww.learningjquery.com
Mike and Karl. thank you both for helping me with this thread! so just
for documentation's sake i'll explain what happened:
i run a linux machine and i have an apache server running. all of the
files that are served on it need to have certain permissions and be
owned by a certain user and be associated with a certain group. the
jquerycyclepluginhad the wrong permissions and and wrong group and
wrong owner. as soon as i changed it, the slideshow worked. i've added
more pictures too. i'll be moving to using the 'pager' also found on
the same page on your site.
[ ... snip ... ]
On Jan 24, 10:36 pm, Mike Alsup [EMAIL PROTECTED] wrote:
It looks to me like it's working just fine -- that is, it's
successfully rotating the three instances of the same image, since
that is what you have in your HTML:
div id=headingfade class=pics
img src=images/onelucky.gif width=712
height=273 /
img src=images/onelucky.gif width=712
height=273 /
img src=images/onelucky.gif width=712
height=273 /
/div
So, I grabbed your page, substituted different images for
onelucky.gif
numbers 2 and 3, and it looks fine (except for the image distortion,
but that is due to your CSS):
http://test.learningjquery.com/cycle.html
--Karl
Nice! Thanks for the legwork, Karl! You're right. Looks like Q
has it
working now - just needs to rename the images.
Good night!
Mike
[jQuery] Re: jQuery Cycle Plugin help needed
heh. That reaction made it all worthwhile. :-) (and special thanks to
Mike Alsup for the awesome plugin!)
As a former owner of a standard poodle, I must say I loved looking at
the labradoodles on your web page, too.
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Jan 25, 2008, at 1:21 PM, visitorQ wrote:
KARL!! thank you so much! that worked perfectly man! thank you!! i'm
thining about adding the paging slideshow instead of this one in the
future. i'll be back if i have any problems! you guys are the best!!!
woohoo we're cookin now!!!
=)
On Jan 25, 7:23 am, Karl Swedberg [EMAIL PROTECTED] wrote:
On Jan 25, 2008, at 1:24 AM, visitorQ wrote:
i am however having one other problem. before the slideshow
worked, i
had a dropdown menu on my navbar. but now with the slideshow over
it,
you can't see the dropdown when you rollover the navbar. sooo, i
kinda
need the navbar. what do you guys recommend?
Hi Q,
To get the sub-nav showing, you'll need to add a couple lines to your
stylesheet.
ul#navmenu {
margin: 0;
border: 0 none;
padding: 0;
list-style: none;
/* add these next two lines */
position: relative;
z-index: 5;
}
Glad it's coming together for you!
--Karl
_
Karl Swedbergwww.englishrules.comwww.learningjquery.com
Mike and Karl. thank you both for helping me with this thread! so
just
for documentation's sake i'll explain what happened:
i run a linux machine and i have an apache server running. all of
the
files that are served on it need to have certain permissions and be
owned by a certain user and be associated with a certain group. the
jquerycyclepluginhad the wrong permissions and and wrong group and
wrong owner. as soon as i changed it, the slideshow worked. i've
added
more pictures too. i'll be moving to using the 'pager' also found on
the same page on your site.
[ ... snip ... ]
On Jan 24, 10:36 pm, Mike Alsup [EMAIL PROTECTED] wrote:
It looks to me like it's working just fine -- that is, it's
successfully rotating the three instances of the same image, since
that is what you have in your HTML:
div id=headingfade class=pics
img src=images/onelucky.gif width=712
height=273 /
img src=images/onelucky.gif width=712
height=273 /
img src=images/onelucky.gif width=712
height=273 /
/div
So, I grabbed your page, substituted different images for
onelucky.gif
numbers 2 and 3, and it looks fine (except for the image
distortion,
but that is due to your CSS):
http://test.learningjquery.com/cycle.html
--Karl
Nice! Thanks for the legwork, Karl! You're right. Looks like Q
has it
working now - just needs to rename the images.
Good night!
Mike
[jQuery] Re: jQuery Cycle Plugin help needed
You need to put the code inside a doc ready handler. In general, you
*always* do this with jQuery code that manipulates elements in the document:
$(document).ready(function() {
$('#s2').cycle({
fx: 'fade',
speed: 'normal',
timeout: 4000,
next: '#next2',
prev: '#prev2'
});
});
Also you should remove all those extra scrip tags. Load jQuery once. Load
Cycle once. And if you're using the cycle all plugin then you don't need
the trans file.
Cheers!
Mike
On Jan 24, 2008 8:41 AM, visitorQ [EMAIL PROTECTED] wrote:
hello all. i'm having trouble implementing something from the jQuery
Cycle plugin that can be found here:
http://www.malsup.com/jquery/cycle/download.html
the effect i'm looking to implement can be found here:
http://www.malsup.com/jquery/cycle/int2.html
it's the Prev/Next effect. the second demo on that page. i just can't
figure out how to get it to work. first i couldn't figure out where to
put the image gallery or what div tags to use and everything because i
couldn't find an explaination. then i looked at the source code and
found it. so i used it but it didn't work =\. what do you guys think?
script type=text/javascript src=jquery-1.1.2.js/script
script type=text/javascript src=jquery-1.2.2.js/script
script type=text/javascript src=jquery.cycle.all.js/script
script type=text/javascript src=jquery.cycle.all.js?v2.09/
script
script type=text/javascript src=jquery.cycle.trans.js?v2.07/
script
script type=text/javascript src=jquery.easing.1.3.js/script
script type=text/javascript
$('#s2').cycle({
fx: 'fade',
speed: 'normal',
timeout: 4000,
next: '#next2',
prev: '#prev2'
});
/script
div id=s2 class=pics
img src=images/onelucky.jpg width=200 height=200 /
img src=images/availablepuppies.jpg width=200
height=200 /
img src=images/upcomingpuppies.jpg width=200
height=200 /
/div
what's the deal here? what do you guys see wrong with this?
[jQuery] Re: jQuery Cycle Plugin help needed
thank you so much for the reply! but unfortunately that isn't the
problem =(. i tried your suggestions and it still doesn't work.
script type=text/javascript src=jquery-1.1.2.js/script
script type=text/javascript src=jquery-1.2.2.js/script
script type=text/javascript src=jquery.newsticker.js/script
script type=text/javascript src=jquery.cycle.all.js/script
script type=text/javascript src=jquery.easing.1.3.js/script
script type=text/javascript
$(document).ready(function(){
$(#news).newsTicker();
});
/script
script type=text/javascript
$(document).ready(function() {
$('#s2').cycle({
fx: 'fade',
speed: 'normal',
timeout: 4000,
next: '#next2',
prev: '#prev2'
});
});
/script
script type=text/javascript
/script
/head
body bgcolor=#7C7870
div id=s2 class=pics
img src=images/onelucky.gif width=200 height=200 /
img src=images/availablepuppies.gif width=200
height=200 /
img src=images/upcomingpuppies.gif width=200
height=200 /
/div
div class=nava id=prev2 href=#Prev/a a id=next2
href=#Next/a/div
all i get is 3 images and 2 links. no effects whatsoever for the
cycle. it must be something wrong with the jquery file huh?
On Jan 24, 11:18 am, Mike Alsup [EMAIL PROTECTED] wrote:
You need to put the code inside a doc ready handler. In general, you
*always* do this with jQuery code that manipulates elements in the document:
$(document).ready(function() {
$('#s2').cycle({
fx: 'fade',
speed: 'normal',
timeout: 4000,
next: '#next2',
prev: '#prev2'
});
});
Also you should remove all those extra scrip tags. Load jQuery once. Load
Cycle once. And if you're using the cycle all plugin then you don't need
the trans file.
Cheers!
Mike
On Jan 24, 2008 8:41 AM, visitorQ [EMAIL PROTECTED] wrote:
hello all. i'm having trouble implementing something from the jQuery
Cycle plugin that can be found here:
http://www.malsup.com/jquery/cycle/download.html
the effect i'm looking to implement can be found here:
http://www.malsup.com/jquery/cycle/int2.html
it's the Prev/Next effect. the second demo on that page. i just can't
figure out how to get it to work. first i couldn't figure out where to
put the image gallery or what div tags to use and everything because i
couldn't find an explaination. then i looked at the source code and
found it. so i used it but it didn't work =\. what do you guys think?
script type=text/javascript src=jquery-1.1.2.js/script
script type=text/javascript src=jquery-1.2.2.js/script
script type=text/javascript src=jquery.cycle.all.js/script
script type=text/javascript src=jquery.cycle.all.js?v2.09/
script
script type=text/javascript src=jquery.cycle.trans.js?v2.07/
script
script type=text/javascript src=jquery.easing.1.3.js/script
script type=text/javascript
$('#s2').cycle({
fx: 'fade',
speed: 'normal',
timeout: 4000,
next: '#next2',
prev: '#prev2'
});
/script
div id=s2 class=pics
img src=images/onelucky.jpg width=200 height=200 /
img src=images/availablepuppies.jpg width=200
height=200 /
img src=images/upcomingpuppies.jpg width=200
height=200 /
/div
what's the deal here? what do you guys see wrong with this?
[jQuery] Re: jQuery Cycle Plugin help needed
On Jan 24, 2008, at 12:50 PM, visitorQ wrote: thank you so much for the reply! but unfortunately that isn't the problem =(. i tried your suggestions and it still doesn't work. script type=text/javascript src=jquery-1.1.2.js/script script type=text/javascript src=jquery-1.2.2.js/script script type=text/javascript src=jquery.newsticker.js/script script type=text/javascript src=jquery.cycle.all.js/script script type=text/javascript src=jquery.easing.1.3.js/script But you're still loading two versions of jQuery. Try removing the first one (jquery-1.1.2.js) and see if that helps. --Karl
[jQuery] Re: jQuery Cycle Plugin help needed
i'm telling you there's GOTTA be something wrong with the plugin itself. that's the only explanation i can come up with. what do you guys think? On Jan 24, 2:29 pm, Karl Swedberg [EMAIL PROTECTED] wrote: On Jan 24, 2008, at 12:50 PM, visitorQ wrote: thank you so much for the reply! but unfortunately that isn't the problem =(. i tried your suggestions and it still doesn't work. script type=text/javascript src=jquery-1.1.2.js/script script type=text/javascript src=jquery-1.2.2.js/script script type=text/javascript src=jquery.newsticker.js/script script type=text/javascript src=jquery.cycle.all.js/script script type=text/javascript src=jquery.easing.1.3.js/script But you're still loading two versions of jQuery. Try removing the first one (jquery-1.1.2.js) and see if that helps. --Karl
[jQuery] Re: jQuery Cycle Plugin help needed
i did. that didn't help either =( what could possibly be wrong with this?! i'm so frustrated because jQuery is supposed to make everything easy, and i'm a relatively smart guy so i'm not sure what i'm doing wrong... i seriously need help with this because i'm entering in this site into the webby awards. and the deadline is tomorrow =( =( please? somebody? has anybody successfully used this plugin? if so, HOW On Jan 24, 2:29 pm, Karl Swedberg [EMAIL PROTECTED] wrote: On Jan 24, 2008, at 12:50 PM, visitorQ wrote: thank you so much for the reply! but unfortunately that isn't the problem =(. i tried your suggestions and it still doesn't work. script type=text/javascript src=jquery-1.1.2.js/script script type=text/javascript src=jquery-1.2.2.js/script script type=text/javascript src=jquery.newsticker.js/script script type=text/javascript src=jquery.cycle.all.js/script script type=text/javascript src=jquery.easing.1.3.js/script But you're still loading two versions of jQuery. Try removing the first one (jquery-1.1.2.js) and see if that helps. --Karl
[jQuery] Re: jQuery Cycle Plugin help needed
Post a link. There's something you're not telling us. I'd be glad to look at the code in context. What you posted here looks fine. Mike On Jan 24, 2008 5:03 PM, visitorQ [EMAIL PROTECTED] wrote: i did. that didn't help either =( what could possibly be wrong with this?! i'm so frustrated because jQuery is supposed to make everything easy, and i'm a relatively smart guy so i'm not sure what i'm doing wrong... i seriously need help with this because i'm entering in this site into the webby awards. and the deadline is tomorrow =( =( please? somebody? has anybody successfully used this plugin? if so, HOW On Jan 24, 2:29 pm, Karl Swedberg [EMAIL PROTECTED] wrote: On Jan 24, 2008, at 12:50 PM, visitorQ wrote: thank you so much for the reply! but unfortunately that isn't the problem =(. i tried your suggestions and it still doesn't work. script type=text/javascript src=jquery-1.1.2.js/script script type=text/javascript src=jquery-1.2.2.js/script script type=text/javascript src=jquery.newsticker.js/script script type=text/javascript src=jquery.cycle.all.js/script script type=text/javascript src=jquery.easing.1.3.js/script But you're still loading two versions of jQuery. Try removing the first one (jquery-1.1.2.js) and see if that helps. --Karl
[jQuery] Re: jQuery Cycle Plugin help needed
i'm telling you there's GOTTA be something wrong with the plugin itself. that's the only explanation i can come up with. what do you guys think? I think you need to post a link that demonstrates the problem.
[jQuery] Re: jQuery Cycle Plugin help needed
my development environment for this site can be found here: http://98.199.114.128/lonestar/homepage/homepage.html i hope this helps =\ i REALLY appreciate all your doin to help mike! seriously. thank you! On Jan 24, 6:45 pm, Mike Alsup [EMAIL PROTECTED] wrote: i'm telling you there's GOTTA be something wrong with the plugin itself. that's the only explanation i can come up with. what do you guys think? I think you need to post a link that demonstrates the problem.
[jQuery] Re: jQuery Cycle Plugin help needed
oops! it's not homepage.html. just index.html so it's here http://98.199.114.128/lonestar/homepage/ thanks again! On Jan 24, 6:45 pm, Mike Alsup [EMAIL PROTECTED] wrote: i'm telling you there's GOTTA be something wrong with the plugin itself. that's the only explanation i can come up with. what do you guys think? I think you need to post a link that demonstrates the problem.
[jQuery] Re: jQuery Cycle Plugin help needed
mike, i'm aware of that =). i just took it down because my client wanted to see what how the site was coming so i commented it out. but when it's not commented out, and i only load ONE jquery, it still doesn't work. so what do i do? i've tried to load either jqueries and it doesn't work man. real frustrated. On Jan 24, 8:37 pm, Mike Alsup [EMAIL PROTECTED] wrote: You're still loading two version of jQuery and the slideshow elements are commented out. Mike On Jan 24, 2008 7:52 PM, visitorQ [EMAIL PROTECTED] wrote: oops! it's not homepage.html. just index.html so it's herehttp://98.199.114.128/lonestar/homepage/ thanks again! On Jan 24, 6:45 pm, Mike Alsup [EMAIL PROTECTED] wrote: i'm telling you there's GOTTA be something wrong with the plugin itself. that's the only explanation i can come up with. what do you guys think? I think you need to post a link that demonstrates the problem.
[jQuery] Re: jQuery Cycle Plugin help needed
It looks to me like it's working just fine -- that is, it's successfully rotating the three instances of the same image, since that is what you have in your HTML: div id=headingfade class=pics img src=images/onelucky.gif width=712 height=273 / img src=images/onelucky.gif width=712 height=273 / img src=images/onelucky.gif width=712 height=273 / /div So, I grabbed your page, substituted different images for onelucky.gif numbers 2 and 3, and it looks fine (except for the image distortion, but that is due to your CSS): http://test.learningjquery.com/cycle.html --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Jan 24, 2008, at 10:18 PM, visitorQ wrote: mike, i'm aware of that =). i just took it down because my client wanted to see what how the site was coming so i commented it out. but when it's not commented out, and i only load ONE jquery, it still doesn't work. so what do i do? i've tried to load either jqueries and it doesn't work man. real frustrated. On Jan 24, 8:37 pm, Mike Alsup [EMAIL PROTECTED] wrote: You're still loading two version of jQuery and the slideshow elements are commented out. Mike On Jan 24, 2008 7:52 PM, visitorQ [EMAIL PROTECTED] wrote: oops! it's not homepage.html. just index.html so it's herehttp://98.199.114.128/lonestar/homepage/ thanks again! On Jan 24, 6:45 pm, Mike Alsup [EMAIL PROTECTED] wrote: i'm telling you there's GOTTA be something wrong with the plugin itself. that's the only explanation i can come up with. what do you guys think? I think you need to post a link that demonstrates the problem.
[jQuery] Re: jQuery Cycle Plugin help needed
It looks to me like it's working just fine -- that is, it's successfully rotating the three instances of the same image, since that is what you have in your HTML: div id=headingfade class=pics img src=images/onelucky.gif width=712 height=273 / img src=images/onelucky.gif width=712 height=273 / img src=images/onelucky.gif width=712 height=273 / /div So, I grabbed your page, substituted different images for onelucky.gif numbers 2 and 3, and it looks fine (except for the image distortion, but that is due to your CSS): http://test.learningjquery.com/cycle.html --Karl Nice! Thanks for the legwork, Karl! You're right. Looks like Q has it working now - just needs to rename the images. Good night! Mike
[jQuery] Re: jQuery Cycle Plugin help needed
Mike and Karl. thank you both for helping me with this thread! so just for documentation's sake i'll explain what happened: i run a linux machine and i have an apache server running. all of the files that are served on it need to have certain permissions and be owned by a certain user and be associated with a certain group. the jquery cycle plugin had the wrong permissions and and wrong group and wrong owner. as soon as i changed it, the slideshow worked. i've added more pictures too. i'll be moving to using the 'pager' also found on the same page on your site. i am however having one other problem. before the slideshow worked, i had a dropdown menu on my navbar. but now with the slideshow over it, you can't see the dropdown when you rollover the navbar. sooo, i kinda need the navbar. what do you guys recommend? On Jan 24, 10:36 pm, Mike Alsup [EMAIL PROTECTED] wrote: It looks to me like it's working just fine -- that is, it's successfully rotating the three instances of the same image, since that is what you have in your HTML: div id=headingfade class=pics img src=images/onelucky.gif width=712 height=273 / img src=images/onelucky.gif width=712 height=273 / img src=images/onelucky.gif width=712 height=273 / /div So, I grabbed your page, substituted different images for onelucky.gif numbers 2 and 3, and it looks fine (except for the image distortion, but that is due to your CSS): http://test.learningjquery.com/cycle.html --Karl Nice! Thanks for the legwork, Karl! You're right. Looks like Q has it working now - just needs to rename the images. Good night! Mike
[jQuery] Re: jQuery Cycle Plugin help needed
mike and karl thank you guys so much for helping me out with this problem. as you guys have found i figured out what the problem was. and it turns out i was sorta correct in my assumption. there was something wrong with the jquery cycle plugin. it had the wrong permissions and was owned by the wrong user and was associated with the wrong group on my linux server! but i'm having another problem with the cycle. i hav a css dropdown menu where my navigation bar is. i can't see it now that the cycle is over it. i need the dropdown =\. what do you guys suggest? is there a way to get around that? On Jan 24, 10:36 pm, Mike Alsup [EMAIL PROTECTED] wrote: It looks to me like it's working just fine -- that is, it's successfully rotating the three instances of the same image, since that is what you have in your HTML: div id=headingfade class=pics img src=images/onelucky.gif width=712 height=273 / img src=images/onelucky.gif width=712 height=273 / img src=images/onelucky.gif width=712 height=273 / /div So, I grabbed your page, substituted different images for onelucky.gif numbers 2 and 3, and it looks fine (except for the image distortion, but that is due to your CSS): http://test.learningjquery.com/cycle.html --Karl Nice! Thanks for the legwork, Karl! You're right. Looks like Q has it working now - just needs to rename the images. Good night! Mike
