<script type="text/javascript">
	    $(function() {
   $('#portfolio img').hover(
 function(){
  var $this = $(this);
  $this.stop().animate({'opacity':'1.0','height':'155px', 'width':'210px'});
 },
 function(){
  var $this = $(this);
  $this.stop().animate({'opacity':'0.5','height':'150px', 'width':'200px'});
 }
   );
	    });
    </script>

 

Evening all,

How can i speed this animation up?

 <script type="text/javascript">

	 $(function() {
$('#portfolio img').hover(
 function(){
 var $this = $(this);
 $this.stop().animate({'opacity':'1.0','height':'155px', 'width':'210px'});
 },
 function(){
 var $this = $(this);
 $this.stop().animate({'opacity':'0.5','height':'150px', 'width':'200px'});
 }
);
	 });


 </script>

 

Evening all,

How can i speed this animation up?

 

 

<script type="text/javascript">

				 $(function() {
 $('#portfolio img').hover(
	 function(){
	 var $this = $(this);
$this.stop().animate({'opacity':'1.0','height':'155px', 'width':'210px'},"fast");
	 },
	 function(){
	 var $this = $(this);
$this.stop().animate({'opacity':'0.5','height':'150px', 'width':'200px'},"fast");
	 }
 );
				 });


		 </script>

or can add time like this

 

 

<script type="text/javascript">
				 $(function() {
 $('#portfolio img').hover(
	 function(){
	 var $this = $(this);
$this.stop().animate({'opacity':'1.0','height':'155px', 'width':'210px'},-200);
	 },
	 function(){
	 var $this = $(this);
$this.stop().animate({'opacity':'0.5','height':'150px', 'width':'200px'},-200);
	 }
 );
				 });
		 </script>

Edited December 14, 201213 yr by sash_oo7

thank you very much