0

rotating an image

asked 2011-02-22 16:31:42 +0800

qjones gravatar image qjones
6 1 1

Hi guys,

I am researching Zkoss in order to know if we can use it to do some 3d effects, on rotating an image (in fact a png file with several pictures of the same object being rotated). Is that possible to be done in Zkoss ?

thanks

delete flag offensive retag edit

21 Replies

Sort by ยป oldest newest

answered 2011-03-01 04:10:23 +0800

jimmyshiau gravatar image jimmyshiau
4921 5
http://www.zkoss.org/ ZK Team

Hi nethajip,
ZK5 has including jquery,
you don't have to include again.

link publish delete flag offensive edit

answered 2011-03-01 04:14:28 +0800

nethajip gravatar image nethajip
36

Hi jimmy

thanks jimmy. now its working fine
did you try this

link publish delete flag offensive edit

answered 2011-03-01 18:57:52 +0800

jimmyshiau gravatar image jimmyshiau
4921 5
http://www.zkoss.org/ ZK Team

Yes,
But the selector

 $('a[rel=tipsy]')

cannot found a tag, how the a tag be created ?

link publish delete flag offensive edit

answered 2011-03-02 23:40:23 +0800

nethajip gravatar image nethajip
36

Hi jimmy

I just want to rotate the image thats why i removed the a tag.

below i added the a tag. try this


<?page title="slider" contentType="text/html;charset=UTF-8"?>
<zk>
	<style src="css/style.css" />
	<style src="css/tipsy.css" />
	
	<script type="text/javascript" src="js/jquery.coda-slider-2.0.js" />	
	<script type="text/javascript" src="js/jquery.tipsy.js" />
	
<script type="text/javascript"> 	
	
	$(function() {
	    $('a[rel=tipsy]').tipsy({fade: true, gravity: 's'});
	});	
	
	function slideSwitch() {
	    var $active = $('.slideshow IMG.active');
	
	    if ( $active.length == 0 ) $active = $('.slideshow IMG:last');
	
	    var $next =  $active.next().length ? $active.next()
	        : $('.slideshow IMG:first');
	
	    $active.addClass('last-active');
	
	    $next.css({opacity: 0.0})
	        .addClass('active')
	        .animate({opacity: 1.0}, 1000, function() {
	            $active.removeClass('active last-active');
	        });
	}
	
	$(function() {
	    setInterval( "slideSwitch()", 5000 );
	});
	
</script>
 
	<div sclass="featured-client">
		<div sclass="slideshow">
		<a href="add link here"><image src="image/18842_profile_thumb90.jpg" sclass="active" /></a>
		<a href="add link here">	<image src="image/22885_profile_thumb90.jpg" /></a>
		<a href="add link here">	<image src="image/31065_profile_thumb90.jpg" /></a>
		<a href="add link here">	<image src="image/32156_profile_thumb90.jpg" /></a>
		<a href="add link here">	<image src="image/33347_profile_thumb90.jpg" /></a>
		</div>
	</div>

</zk>

link publish delete flag offensive edit

answered 2011-03-03 22:52:34 +0800

jimmyshiau gravatar image jimmyshiau
4921 5
http://www.zkoss.org/ ZK Team

OK

link publish delete flag offensive edit

answered 2011-07-28 04:02:28 +0800

creata87 gravatar image creata87
197 2

can one of you integrate this example in zk?

http://tympanus.net/codrops/2010/06/07/fancy-sliding-form-with-jquery/

link publish delete flag offensive edit

answered 2011-07-28 04:08:12 +0800

gganassin gravatar image gganassin flag of Luxembourg
540 6
http://www.hybris.com/

<iframe src="http://tympanus.net/codrops/2010/06/07/fancy-sliding-form-with-jquery/" />

;P

link publish delete flag offensive edit

answered 2011-07-28 04:22:06 +0800

creata87 gravatar image creata87
197 2

:)) ok, thanks :p

i need the concept, not the whole html :) ok, i iwll open a new thread :p

link publish delete flag offensive edit

answered 2012-02-02 21:34:14 +0800

terrytornado gravatar image terrytornado flag of Germany
9393 3 7 16
http://www.oxitec.de/

updated 2012-02-02 21:36:26 +0800

Hmm, i'm not very firm with JavaScript. The codes from the thread starter doesn't run by me. Does anyone have a running example with all needed files for an image slideshow?
zk 5.0.10

thanks
Stephan

link publish delete flag offensive edit
link publish delete flag offensive edit
Your reply
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

Follow

RSS

Stats

Asked: 2011-02-22 16:31:42 +0800

Seen: 3,763 times

Last updated: Mar 02 '12

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More