How to make a stop for this autoscroll?

Dev Shed Forums Sponsor:

August 13th, 2012, 07:15 PM

kippie

Contributing User

Join Date: Oct 2001

Posts: 297

Time spent in forums: 15 h 26 m 17 sec
Reputation Power: 12

How to make a stop for this autoscroll?

For my site I want to make a stop to autoscrollinging images. For this I want to use a link with <a> tags. The public method to be used for this is said to be:

$("#makeMeScrollable").smoothDivScroll("stopAutoScrolling")

I'm new to javascript. Can anyone help me with this?

August 13th, 2012, 08:55 PM

Kravvitz

CSS & JS/DOM Adept

Dev Shed God 30th Plane (19500 - 19999 posts)

Join Date: Jul 2004

Location: USA

Posts: 19,835

Time spent in forums: 6 Months 1 Day 22 h 11 m
Reputation Power: 4192

Not posting a link to the script makes it hard to help you. Here's the link for anyone else who reads this: http://www.smoothdivscroll.com/lab.html

Did you not see my reply to your earlier thread on this topic? Here's what I said:

Quote:

Originally Posted by Kravvitz

It must be using JavaScript. I would not recommend that you use that particular script though, because it may be as awful as the HTML it's used with.

Just because you can make pretty much any element clickable, doesn't mean that you should. Links and buttons are the proper elements for such a user interaction.

If you're using jQuery already, I recommend jCarousel Lite.

__________________
Spreading knowledge, one newbie at a time. I'm available for hire at Dynamic Site Solutions.

Check out my blog. | Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Common CSS Mistakes | Common JS Mistakes

Remember people spend most of their time on other people's sites (so don't violate web design conventions).

August 14th, 2012, 03:17 AM

kippie

Contributing User

Join Date: Oct 2001

Posts: 297

Time spent in forums: 15 h 26 m 17 sec
Reputation Power: 12

Quote:

Originally Posted by Kravvitz

Hi Kravitz,

Yes I read your reaction, of coure, thanks a lot. The point is this. I try to make a page using smoothDivScroll of Thomas Kahn (see www.smoothdivscroll.com). On the labpage (www.smoothdivscroll.com/labpage.html) Kahn uses all kind of links and buttos to controll the scroller. I would like to use three of them: start, move to the right and move to the left.

On another page (http://www.smoothdivscroll.com/publicMethods.html) Kahn writes about the Public Methods he uses which you can use to create your own eventhandler. About the start of the autoscrolling he says: The public method to be used for this is:

$("#makeMeScrollable").smoothDivScroll("stopAutoScrolling");

So I thought maybe it is possible to make a simple button or link to start this autoscrolling. But the point is, I don't know how to do this.

I'm new to javascript so I don't know if this is possible at all, I hope my information is not too confused and I have explained this clear enough.

I hope someone can help.

to I want to make three buttons to start the autostart

August 14th, 2012, 03:24 PM

Kravvitz

CSS & JS/DOM Adept

Join Date: Jul 2004

Location: USA

Posts: 19,835

Time spent in forums: 6 Months 1 Day 22 h 11 m
Reputation Power: 4192

Of course it's possible. If it wasn't possible with this script, there are others.

This stops the auto scrolling:

Code:

$("#makeMeScrollable").smoothDivScroll("stopAutoScrolling");

This starts the auto scrolling:

Code:

$("#makeMeScrollable").smoothDivScroll("startAutoScrolling");

On line 463 of the lab page, you'll find this, which attaches the event handler to the link to start the autoscrolling:

Code:

		// Start auto scrolling
		$("#startAutoScrolling").click(function () {
			$("div#makeMeScrollable").smoothDivScroll("startAutoScrolling");
		});

I understand what you want, but you're trying to do intermediate level things without learning the basics first.

Last edited by Kravvitz : August 14th, 2012 at 08:55 PM. Reason: fixed the code tags

How to make a stop for this autoscroll?

Developer Shed Advertisers and Affiliates