[jQuery] Re: cycle plugin works on one page, but not on the other. NO DIFFERENCE!
> It looks like you haven't included any styles on this page. What does > Firebug say the size of the container is? 0? You haven't included > any sizes on the images either. Tough to resize things dynamically > within this info. = That was it!!! I just had to specify the size of the div container! Thank you so much Mike! You're the man!
[jQuery] lightbox newsletter signup
hey guys! i'm trying to figure out how to develop this solution using a couple of jquery plugins. i have a text link on a site i'm working on that says 'Tell a Friend'. the idea is to have a user click it, then a lightbox will come up with a small form with a couple of text fields. then the user can click submit, and a nice little confirmation or declination will appear in the lightbox. if the form data is confirmed as correct and everything was sent correctly, then after a few seconds the lightbox will dim out and the user can continue browsing the site. i think this is two plugins in one, but i'm not sure =). anyone have any ideas for this? has it been done before? is there an easy solution? advice? etc.. i'd really appreciate it guys! thanks!
[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: > > > > > Whatever > blah blah blah > > > > Whatever > blah blah blah > > > > 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: > > >>>>> > >>>>>>>>>> height="273" /> > >>>>>>>>>> height="273" /> > >>>>>>>>>> height="273" /> > >>>>> > > >>>>> 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: > > >>> > >>> >>> height="273" /> > >>> >>> height="273" /> > >>> >>> height="273" /> > >>> > > >>> 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: > > > > > > height="273" /> > > > height="273" /> > > > height="273" /> > > > > > 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: > > > > > > height="273" /> > > > height="273" /> > > > height="273" /> > > > > > 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, 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
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
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
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. > > > > > > > > > > > > > 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. > > > > > > > > > > > > > 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
thank you so much for the reply! but unfortunately that isn't the problem =(. i tried your suggestions and it still doesn't work. $(document).ready(function(){ $("#news").newsTicker(); }); $(document).ready(function() { $('#s2').cycle({ fx: 'fade', speed: 'normal', timeout: 4000, next: '#next2', prev: '#prev2' }); }); Prev Next 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> > > <script type="text/javascript" src="jquery.cycle.trans.js?v2.07"></ > > script> > > <script type="text/javascript" src="jquery.easing.1.3.js"> > > > > > $('#s2').cycle({ > >fx: 'fade', > >speed: 'normal', > >timeout: 4000, > >next: '#next2', > >prev: '#prev2' > > }); > > > > > > > > > > height="200" /> > > > height="200" /> > > > > > what's the deal here? what do you guys see wrong with this?
[jQuery] Re: new jQuery user needs help
thanks everybody for the replies. i think i'm getting the hang of it. i finally got the newsticker working. turns out i needed jquery 1.1.2 and not 1.2.2 for it to work.or it was something like that. but it works now. On Jan 24, 7:09 am, Sam Collett <[EMAIL PROTECTED]> wrote: > You only need newsticker.pack.js in you head and have to add some code > to make it load on statup, e.g. in > > > </ > script> > <script type="text/javascript"> > $( function() { > $("#newsticker").newsTicker();}); > > > > On Jan 24, 6:10 am, visitorQ <[EMAIL PROTECTED]> wrote: > > > well i tried posting some code but it didn't work for some reason and > > it's a lot of crap so i think the best way you could help is to go to > > this linkhttp://www.texotela.co.uk/code/jquery/newsticker/andtest > > out the first example. see how you can get it to work on your own > > development environments. and when you do, let me know how you did it > > and why you think it's not working for me. like if there's something > > that is obviously advanced about this or not. anyway. i really really > > appreciate it guys.
[jQuery] jQuery Cycle Plugin help needed
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? $('#s2').cycle({ fx: 'fade', speed: 'normal', timeout: 4000, next: '#next2', prev: '#prev2' }); what's the deal here? what do you guys see wrong with this?
[jQuery] Re: new jQuery user needs help
thank you both for your replies. so i figured out that first i must have: within my tags in order to make any jQuery plugin work. but it still doesn't work. here's the code that is effecting the problem. here's where i'm getting it from: http://www.texotela.co.uk/code/jquery/newsticker/ code: jquery.newsticker.js: /* * * Copyright (c) 2006/2007 Sam Collett (http://www.texotela.co.uk) * Licensed under the MIT License: * http://www.opensource.org/licenses/mit-license.php * * Version 2.0 * Demo: http://www.texotela.co.uk/code/jquery/newsticker/ * * $LastChangedDate$ * $Rev$ * */ (function($) { /* * A basic news ticker. * * @name newsticker (or newsTicker) * @paramdelay Delay (in milliseconds) between iterations. Default 4 seconds (4000ms) * @author Sam Collett (http://www.texotela.co.uk) * @example $("#news").newsticker(); // or $ ("#news").newsTicker(5000); * */ $.fn.newsTicker = $.fn.newsticker = function(delay) { delay = delay || 4000; initTicker = function(el) { stopTicker(el); el.items = $("li", el); // hide all items (except first one) el.items.not(":eq(0)").hide().end(); // current item el.currentitem = 0; startTicker(el); }; startTicker = function(el) { el.tickfn = setInterval(function() { doTick(el) }, delay) }; stopTicker = function(el) { clearInterval(el.tickfn); }; pauseTicker = function(el) { el.pause = true; }; resumeTicker = function(el) { el.pause = false; }; doTick = function(el) { // don't run if paused if(el.pause) return; // pause until animation has finished el.pause = true; // hide current item $(el.items[el.currentitem]).fadeOut("slow", function() { $(this).hide(); // move to next item and show el.currentitem = ++el.currentitem % (el.items.size()); $ (el.items[el.currentitem]).fadeIn("slow", function() { el.pause = false; } ); } ); }; this.each( function() { if(this.nodeName.toLowerCase()!= "ul") return; initTicker(this); } ) .addClass("newsticker") .hover( function() { // pause if hovered over pauseTicker(this); }, function() { // resume when not hovered over resumeTicker(this); } ); return this; }; })(jQuery);% jquery.newsticker.pack.js: /* * * Copyright (c) 2006/2007 Sam Collett (http://www.texotela.co.uk) * Licensed under the MIT License: * http://www.opensource.org/licenses/mit-license.php * * Version 2.0 * Demo: http://www.texotela.co.uk/code/jquery/newsticker/ * * $LastChangedDate$ * $Rev$ * */ eval(function(p,a,c,k,e,r){e=function(c){return(c35?String.fromCharCode(c +29):c.toString(36))};if(!''.replace(/^/,String)) {while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function() {return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c) +'\\b','g'),k[c]);return p}('(1($){$.9.D=$.9.g=1(b){b=b||p;i=1(a) {j(a);a.4=$("r",a);a.4.q(":o(0)").l().C();a.5=0;h(a)};h=1(a){a.m=t(1() {f(a)},b)};j=1(a){s(a.m)};8=1(a){a.3=7};d=1(a){a.3=c};f=1(a){e(a.3)6;a. 3=7;$(a.4[a.5]).n("k",1(){$(2).l();a.5=++a.5%(a.4.B());$(a.4[a. 5]).z("k",1(){a.3=c})})};2.y(1(){e(2.x.w()!="A")6;i(2)}).v("g").u(1() {8(2)},1(){d(2)});6 2}})(E);',41,41,'|function|this|pause|items| currentitem|return|true|pauseTicker|fn|||false|resumeTicker|if|doTick| newsticker|startTicker|initTicker|stopTicker|slow|hide|tickfn|fadeOut| eq|4000|not|li|clearInterval|setInterval|hover|addClass|toLowerCase| nodeName|each|fadeIn|ul|size|end|newsTicker|jQuery'.split('|'),0,{})) % html: Tiger Woods buys his dog Yogi from Lone Star Labradoodles. Tell a friend Some other random amount of text that will be used as news Tell a friend This is going to be a kickass site when we ge
[jQuery] Re: new jQuery user needs help
well i tried posting some code but it didn't work for some reason and it's a lot of crap so i think the best way you could help is to go to this link http://www.texotela.co.uk/code/jquery/newsticker/ and test out the first example. see how you can get it to work on your own development environments. and when you do, let me know how you did it and why you think it's not working for me. like if there's something that is obviously advanced about this or not. anyway. i really really appreciate it guys.
[jQuery] new jQuery user needs help
hello all! i've recently discovered the amazing features that jQuery has to offer a humble web-developer like myself. except i'm a little confused. i havent' had any luck implimenting any of the jquery plugins that i've seen. i'm trying to get a simple newsticker up, amongst other things, and i've found several, but none of them work! what could be the problem? i've used: http://www.learningjquery.com/2006/10/scroll-up-headline-reader and http://www.texotela.co.uk/code/jquery/newsticker/ and i literally have had NO luck whatsoever. i really don't know what i'm doing wrong here. can anyone help a noob with a newsticker? i've read them and copied them and i still can't get any jQuery effects to show up. please help! =\