how to preview image on mouseover

jyotigarg
avatar
rank Regular

Regular


Posts: 31
Joined: 2008-06-03

Posted: Fri, 2008-07-18 11:37

i have to make portfolio of template for my company in which i've to make a function through which , when i mouseover on template it will show template preview like in templatemonster.com

Moved to Off Topic as it relates to javascript. Site Discussion is for topics relating to CSSCreator.

jyotigarg
jyotigarg's picture
rank Regular

Regular


Posts: 31
Joined: 2008-06-03

I am Surprised no one has

Posted: Mon, 2008-07-21 05:28

I am Surprised no one has given me any suggestion.
I Know moderator knows the trick but i don't know why they are not giving any answer of any query of mine even about the the site check.

Its ok why i am upset. I have taken this site for helping me in making site as I new for css .
But sometime i am not getting the right help except from drychan.

Hugo
Hugo's picture
rank Moderator

Moderator


Posts: 12037
Joined: 2004-06-06
Location: London

You should, perhaps, try

Posted: Mon, 2008-07-21 07:03

You should, perhaps, try asking a question rather than making a statement next time!

What tricks do we know? Is this how you see moderators? we have all the answers but keep them to ourselves unless asked really really nicely.

You have an expectation of this forum that is not warranted further to that you are know moaning that you do not get enough help *shrugs*

You do not really ask for help with sufficient detail for us to help, also what have you attempted so far? what have you by way of markup so far?

I could make suggestions but wouldn't know if they would be that helpful.

I would suggest firstly getting a copy of the jQuery library file with a view to working this script out using this excellent offering, then explain exactly the effect you are after and post up or link to the code that you have, and stop being upset!

Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

csscr
csscr's picture
rank Enthusiast

Enthusiast


Posts: 243
Joined: 2003-03-12

Hi jyotigarg, I think some

Posted: Mon, 2008-07-21 07:10

Hi jyotigarg,
I think some people have difficulty understanding what you require.
This should do what you want, but you will have to test and adjust it to your own requirements.
The html:
<a class="thumb" href=""><img src="path/to/preview(big)/image" /></a>

The CSS:

a.thumb{
position:relative; 
display:block; 
width:100px; 
height:100px; 
background:url(path/to/thumb/image) no-repeat;
}
a.thumb img{display:none; color:#000;}
a.thumb:hover{color:#999;} /* for IE */
a.thumb:hover img{display:block; position:absolute; top:0; left:0;}

Tyssen
Tyssen's picture
rank Moderator

Moderator


Posts: 6535
Joined: 2004-05-01
Location: Brisbane

jyotigarg wrote:But sometime

Posted: Mon, 2008-07-21 08:55

jyotigarg wrote:
But sometime i am not getting the right help except from drychan.

Probably best if the rest of us just leave you and drychan to get on with it alone in the future then, eh?

How to get help
Post a link. If you can't post a link, post ALL your code, both HTML & CSS. No server-side code; just the code sent to the browser.
Use tags.
My articles | CSS Reference

jyotigarg
jyotigarg's picture
rank Regular

Regular


Posts: 31
Joined: 2008-06-03

Sorry to Everybody who

Posted: Wed, 2008-07-23 15:16

Sorry to Everybody who hurted by my statement Actually i was thinking nobody is seeing my question.

I want the help from all.