How changing image direction

3 posts from 2 voices

• Started 1 year ago by yaraco
• Latest reply from yaraco
• This topic is not a support question

Tags:

No tags yet.

1. 

   yaraco
   Member

   Hello,

   How can I change the hover image direction in main page from right to left..

   Posted 1 year ago #
2. 

   Dude
   Dude

   Hey,
   I'm not sure if this possible without a major function rewrite. The reason is that Kriesi uses the pos.left attribute (and there's no corresponding pos.right - this would require some complex calculations). However you can try to replace following code in js/custom.js:
   

   item.mouseover(function(e)
   			{
   				border_top = viewport.scrollTop();
   				border_right = viewport.width();
   				pos = get_cursor_position(e);
   				tooltip.css({left:pos.left, top:pos.top, opacity:options.opacity, display:"none", visibility:"visible"}).stop().fadeIn(400);
   			})
   			.mousemove(function(e)
   			{
   
   				pos = get_cursor_position(e);
   				tooltip.css({left:pos.left, top:pos.top});
   
   			})

   with:
   

   item.mouseover(function(e)
   			{
   				border_top = viewport.scrollTop();
   				border_right = viewport.width();
   				pos = get_cursor_position(e);
   				tooltip.css({right:pos.left, top:pos.top, opacity:options.opacity, display:"none", visibility:"visible"}).stop().fadeIn(400);
   			})
   			.mousemove(function(e)
   			{
   
   				pos = get_cursor_position(e);
   				tooltip.css({right:pos.left, top:pos.top});
   
   			})

   Posted 1 year ago #
3. 

   yaraco
   Member

   Thanks for your help

   I have tried this. The hover image changed to the left but the distance between the cursor and the image is not regular when I move the mouse

   And the frame of the image is not completed

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.