Jump to content


jQuery image effect?


2 replies to this topic

#1 nygorn

    Young Padawan

  • Members
  • Pip
  • 53 posts
  • Gender:Male
  • Location:Sweden

Posted 04 November 2009 - 06:39 PM

Hello.
Well a while ago I was surfing the net and I stumbled on an tutorial that i tought was useless.
Only problem is now I need it to learn that image method.
I will try to explain what I'm looking for.

Okay, On the tutorial it was a number of images lined up next to each other.
When I hovered the middle image, the outer image shrank to give more space to the hovered image.
The hovered image and became larger.
When I toke the pointer from the image, they went back.

Example?:
Without hover:
____________
|___|___|___|

With hover:
____________
|_|_______|_|


Sorry for my bad explanation and my bad english.

#2 Demonslay

    P2L Jedi

  • Members
  • PipPipPip
  • 970 posts
  • Gender:Male
  • Location:A strange world where water falls out of the sky... for no reason.
  • Interests:Graphic Design, Coding, Splinter Cell, Cats

Posted 09 November 2009 - 09:09 AM

Well, I know I've seen that effect before, but am not sure exactly where.

There was a tutorial just submitted today I just noticed that has a similar effect, except it also collapses them all. You could still maybe play with it, or it might lead you in the right direction using accordian effects.

http://www.pixel2life.com/viewtutorial/744...pands_sideways/

#3 Hayden

    P2L Jedi

  • Members
  • PipPipPip
  • 716 posts
  • Gender:Male
  • Location:Texas

Posted 11 November 2009 - 02:53 PM

That's actually VERY similar to the original Mootools Accordian effect.

I couldn't find it at the moment but it was what they had on the front page.





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users