how to make an image rollover effect

Question

1.00/5 (1 vote)

See more:

Well I just want to have an effect like this website:

http://www.2del.com/pages/musics.aspx[^]

when I mouse over an Image a popup layer shows the big sized image.
please help me do that...
thanks alot.

Posted 5-Feb-10 20:45pm

koli1774_1

Updated 5-Feb-10 20:47pm

v2

Add a Solution

3 solutions

Solution 3

Something similar, check this out
Yahoo! News Rotator using jQuery, CSS, JSON, and ASP.NET[^]

Posted 6-Feb-10 1:17am

Ankur^\m/

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Christian Graus · Accepted Answer · 2010-02-05T20:49:00

I am certain that the ASP.NET AJAX library has a control to do this, but you don't need AJAX. You just load the image at the big size, and resize the control with Javascript when the mouse is over it.

The first step in cases like this, is to look at the source of the page you want to copy. I cant look at it tho, it's not loading for me.

ArminAddict · Accepted Answer · 2010-02-06T01:06:00

Loading images at big size in first will be a problem for people that has slow internet connections(not everybody has 100Mbit conn.), i would recommend you to load small images first and load big images when "mouse over" is triggered. You could do that with AJAX i guess or maybe also with Javascript; i dont know that part exactly.

how to make an image rollover effect

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0