Jump to content


Photo
- - - - -

pause feature page button.


This topic has been archived. This means that you cannot reply to this topic.
4 replies to this topic

#1 digtalheavens

digtalheavens

    Member

  • Members
  • PipPip
  • 15 posts

Posted 20 November 2009 - 01:47 PM

Hi, love the station pro theme :). I was thinking that maybe an idea to add an option for users to be able to pause the feature page rotation so they can look/read it for longer, is this possible?

#2 arpowers

arpowers

    Founder

  • Administrators
  • 3271 posts

Posted 21 November 2009 - 04:59 AM

Good idea, Not sure... I??ll have to look at the api for the JS engine we??re using.. More on this later.

#3 reisp

reisp

    Newbie

  • Members
  • Pip
  • 6 posts

Posted 09 February 2010 - 03:38 PM

Any word on this one? Would love to add that to my site. Maybe a cool little pause icon next to the feature boxes down below?? Thanks guys. You do good work!

#4 jnoh

jnoh

    Advocate

  • Members
  • PipPipPipPipPip
  • 502 posts

Posted 10 February 2010 - 10:47 AM

we're still figuring this one out. check out this post as it is related. http://www.pagelines...id=162#post-695 binding the click event to pause the feature slider seems like the most promising solution.

#5 jnoh

jnoh

    Advocate

  • Members
  • PipPipPipPipPip
  • 502 posts

Posted 24 February 2010 - 04:58 AM

One of our users, Walter, came up with a good solution to this:

He ended up using two imgs and added two functions to them. It works well enough for now:

 `<div id="motion" style="position:absolute;bottom:45px;right:225px;z-index:100;">
			<span style="display:inline-block;width:15px;"><a href="" onclick="stopmoving();return false"><img src="/images/icons/pause.gif"></a></span>
			<span style="display:inline-block;width:15px;"><a href="" onclick="resumemoving();return false"><img src="/images/icons/play.gif"></a></span>
		</div>
		<div id="featurenav"></div>`

 <script type="text/javascript">
		function stopmoving() {
				$j("#cycle").cycle('pause');
		}
		function resumemoving() {
				$j("#cycle").cycle('resume');
		}
	</script>