http://www.webia.info/articles/tutorials/make-your-own-jquery-slider-using-xml/ Thu, 02 Feb 2012 20:09:04 +0000 http://wordpress.org/?v=2.9.2 hourly 1 http://www.webia.info/articles/tutorials/make-your-own-jquery-slider-using-xml/comment-page-1/#comment-1775 Coding a simple slider in no time Tue, 10 May 2011 15:08:08 +0000 http://www.webia.info/?p=1174#comment-1775 [...] published a couple of articles on sliders in the past. We first had a tutorial on building a XML powered slider, then we released the source codes and demo for the xml slider and we finally released the latest [...] http://www.webia.info/articles/tutorials/make-your-own-jquery-slider-using-xml/comment-page-1/#comment-1762 Bogdan Pop Mon, 04 Apr 2011 06:59:19 +0000 http://www.webia.info/?p=1174#comment-1762 Hi Mark, if the content in the slider has the same height, you can put the slider inside a box of your own (a div or something) and set its height via css. The resizing will happen only inside the div and external content won't be pushed up and down when the slider is changing content.
if the content in the slider has the same height, you can put the slider inside a box of your own (a div or something) and set its height via css. The resizing will happen only inside the div and external content won’t be pushed up and down when the slider is changing content.]]> http://www.webia.info/articles/tutorials/make-your-own-jquery-slider-using-xml/comment-page-1/#comment-1761 Mark Sun, 03 Apr 2011 14:30:31 +0000 http://www.webia.info/?p=1174#comment-1761 Like in an earlier post, it bothers me that when the image toggles up and down the content below is also going up and down. You gave the solution by telling to set height/toggle to '0'. I agree with you that when you do so, the content won't "scroll up and down" anymore. But what I see happening now is that when I'm scrolled to the bottom of my page and the image is changing the page bumps up. Have any idea's on how to set this one straight? I've looked in the scripts, even pulled jquery to the test but nothing seems to work this one out. Further this plugin seems to be a great asset for those who like a clean code.
You gave the solution by telling to set height/toggle to ‘0′. I agree with you that when you do so, the content won’t “scroll up and down” anymore.

But what I see happening now is that when I’m scrolled to the bottom of my page and the image is changing the page bumps up. Have any idea’s on how to set this one straight?

I’ve looked in the scripts, even pulled jquery to the test but nothing seems to work this one out.

Further this plugin seems to be a great asset for those who like a clean code.]]> http://www.webia.info/articles/tutorials/make-your-own-jquery-slider-using-xml/comment-page-1/#comment-1760 Mark Sun, 03 Apr 2011 10:31:42 +0000 http://www.webia.info/?p=1174#comment-1760 Great plugin, a clean code is just what i needed. There seems to be just 1 hickup. When initiated continues is set to 'true' the page it's on slides up when scrolled down. Do you have a sollution for this? I've tried the heighttoggle set to false and 0 but it has no effect. Do you have a sollution for this? I’ve tried the heighttoggle set to false and 0 but it has no effect.]]> http://www.webia.info/articles/tutorials/make-your-own-jquery-slider-using-xml/comment-page-1/#comment-1559 Awesome Slider v1.0 Thu, 22 Apr 2010 12:01:51 +0000 http://www.webia.info/?p=1174#comment-1559 [...] a few weeks back I published an awesome tutorial on building a custom jQuery slider that uses XML to store data. The tutorial got really popular, therefor shortly after I published a rough demo and source codes [...] http://www.webia.info/articles/tutorials/make-your-own-jquery-slider-using-xml/comment-page-1/#comment-1183 Impressive web forms. From coding to validation! Tue, 23 Mar 2010 17:38:32 +0000 http://www.webia.info/?p=1174#comment-1183 [...] in our contact and request quote forms from our newly released web development website, just as the jQuery slider tutorial published a few weeks ago was used in our portfolio [...] http://www.webia.info/articles/tutorials/make-your-own-jquery-slider-using-xml/comment-page-1/#comment-1180 Enhancing UI with scrolling events – good or bad? Tue, 16 Mar 2010 10:42:53 +0000 http://www.webia.info/?p=1174#comment-1180 [...] 1. Make your own jQuery slider using XML [...] http://www.webia.info/articles/tutorials/make-your-own-jquery-slider-using-xml/comment-page-1/#comment-1173 Bogdan Pop Thu, 11 Mar 2010 18:01:11 +0000 http://www.webia.info/?p=1174#comment-1173 Hi Gabe and thank for your comment. You do have a point and I do agree with you. Unfortunately, I chose to do the toggle effect too because in the first site I implemented the slider the content of each slide had different heights, and then a simple fade out and fade in would have been too rough. I am planning to enhance this slider and release it as a plugin though, so any feedback you may have is appreciated! And to respond to your issues on the coding, there are two lines of code which contain the following: {height:'toggle'},1000, Just replace 1000 with 0 and the toggle effect will be gone. It is not the best way to do it, definitely not by the rules, but it will do the job.
I am planning to enhance this slider and release it as a plugin though, so any feedback you may have is appreciated!

And to respond to your issues on the coding, there are two lines of code which contain the following:

{height:’toggle’},1000,

Just replace 1000 with 0 and the toggle effect will be gone. It is not the best way to do it, definitely not by the rules, but it will do the job.]]> http://www.webia.info/articles/tutorials/make-your-own-jquery-slider-using-xml/comment-page-1/#comment-1171 Gabe Thu, 11 Mar 2010 16:29:36 +0000 http://www.webia.info/?p=1174#comment-1171 I like everything except the way the whole thing moves up and down between slides. I find that distracting, especially if there is other content on the page that all moves up and down every time a slide changes. A simple fade would be more elegant, in my opinion. I see where the up/down animation is in the jQuery code, but not sure exactly what to remove to disable the height toggle, but leave the fade and control button update intact. Could you explain that? Thanks!
I see where the up/down animation is in the jQuery code, but not sure exactly what to remove to disable the height toggle, but leave the fade and control button update intact. Could you explain that? Thanks!]]> http://www.webia.info/articles/tutorials/make-your-own-jquery-slider-using-xml/comment-page-1/#comment-1158 Hoxxy Wed, 10 Mar 2010 13:16:54 +0000 http://www.webia.info/?p=1174#comment-1158 I've been thinking of learning xml a little so maybe I might start with this. Thanks for the great post.