Help with image hover

[cgworld]

Hello KWWH

i want to make something so when i go over the topic links the first image which is posted in the topic to be shown in a small box over the mouse cursor, for example this are the topic links :




I have seen this on many places but i cant remember where it was exactly so i don't have a link so you can understand what i want.
Any idea on how to do it ?

Thanks

cgworld Reviewed by cgworld on 4th Nov 2010. Help with image hover Hello KWWH i want to make something so when i go over the topic links the first image which is posted in the topic to be shown in a small box over the mouse cursor, for example this are the topic links : http://i56.tinypic.com/2cxx7vn.jpg I have seen this on many places but i cant remember where it was exactly so i don't have a link so you can understand what i want. Any idea on how to do it ? Rating: 5

[desiboy]

it can be done.
just write a function which pull the first image from the post .
use css properties to make it display on hover..

[cgworld]

Is there any class for it ?

[timtamboy63]

I imagine you'de need to use file_get_contents to get the contents of the file, then strip away everyhthing but the content of the post. The use regex to find the first <img> tag (and whats between it, then allyou need to do is get that function to return the path of that image tag.

[desiboy]

is it a wordpress based site ?? or is the data of the posts stored in a DB ?
if yes things will be easy ..

[cgworld]

yes, data is stored in the db , its not wordpres its dlle