10 Replies - 769 Views - Last Post: 25 August 2013 - 05:28 PM

#1 aaaaaa21  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 6
  • Joined: 25-August 13

hover image over text

Posted 25 August 2013 - 02:14 PM

Hi,
I want to make html table, add text, change colour and add small image near text but biggest problem is how to make when i go with mouse over text to show hover image. I want to make something like this http://eq2.zam.com/d....html?slot=Ammo i dont need filter or check boxes or new page when i click, i just want that hover image over text but i dont know how to do it. I tried this but doesnt work http://i.imgur.com/CycIEXe.png Can someone tell me how to make hover image over text and how to put that code in .html

Is This A Good Question/Topic? 0
  • +

Replies To: hover image over text

#2 laytonsdad  Icon User is offline

  • Cheese and Sprinkles
  • member icon

Reputation: 436
  • View blog
  • Posts: 1,846
  • Joined: 30-April 10

Re: hover image over text

Posted 25 August 2013 - 03:02 PM

Do you want to do it with just Javascript or do you want to use jQuery?

This post has been edited by laytonsdad: 25 August 2013 - 03:03 PM
Reason for edit:: Typo

Was This Post Helpful? 0
  • +
  • -

#3 andrewsw  Icon User is offline

  • Fire giant boob nipple gun!
  • member icon

Reputation: 3354
  • View blog
  • Posts: 11,353
  • Joined: 12-December 12

Re: hover image over text

Posted 25 August 2013 - 03:04 PM

@OP Please use a sensible title for your question - it's obviously a question about Javascript.

This post has been edited by andrewsw: 25 August 2013 - 03:04 PM

Was This Post Helpful? 0
  • +
  • -

#4 laytonsdad  Icon User is offline

  • Cheese and Sprinkles
  • member icon

Reputation: 436
  • View blog
  • Posts: 1,846
  • Joined: 30-April 10

Re: hover image over text

Posted 25 August 2013 - 03:10 PM

It looks to me the site you posted is using a jquery tooltip plugin.
Was This Post Helpful? 0
  • +
  • -

#5 aaaaaa21  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 6
  • Joined: 25-August 13

Re: hover image over text

Posted 25 August 2013 - 03:55 PM

andrew sorry but i cant edit, i dont have edit button. Layton, i dont know what to use because in program i use i found option i want and because of that i said javascript. Can you please tell me how to insert that jquery tooltip inside every text in html table i want.
Was This Post Helpful? 0
  • +
  • -

#6 laytonsdad  Icon User is offline

  • Cheese and Sprinkles
  • member icon

Reputation: 436
  • View blog
  • Posts: 1,846
  • Joined: 30-April 10

Re: hover image over text

Posted 25 August 2013 - 04:10 PM

What program do you use?

Wait do you even know how to use html and javascript or are you just draging and dropping in a wysiwyg editor?
Was This Post Helpful? 0
  • +
  • -

#7 aaaaaa21  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 6
  • Joined: 25-August 13

Re: hover image over text

Posted 25 August 2013 - 04:11 PM

KompoZer
Was This Post Helpful? 0
  • +
  • -

#8 laytonsdad  Icon User is offline

  • Cheese and Sprinkles
  • member icon

Reputation: 436
  • View blog
  • Posts: 1,846
  • Joined: 30-April 10

Re: hover image over text

Posted 25 August 2013 - 04:18 PM

You will need to understand a great deal of how HTML and Javascript work to be able to understand this type of implementation, do you have this knowledge or do you just use the drag and drop features for the editor?
Was This Post Helpful? 0
  • +
  • -

#9 aaaaaa21  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 6
  • Joined: 25-August 13

Re: hover image over text

Posted 25 August 2013 - 04:30 PM

I just drag and drop. My whole knowledge is to find tutorial and follow it thats all.
Was This Post Helpful? 0
  • +
  • -

#10 laytonsdad  Icon User is offline

  • Cheese and Sprinkles
  • member icon

Reputation: 436
  • View blog
  • Posts: 1,846
  • Joined: 30-April 10

Re: hover image over text

Posted 25 August 2013 - 04:38 PM

If you don't know how to write Javascript or HTML this may be a hard concept to get but Ill give you an idea of what you need to do.

  • Add jquery library to head of document
  • Add the jquery tooltip plugin you want to use
  • Follow the documentation to add content to the tooltip


The info in the tooltip can be an image if you would like but the site you provided used an ajax call to get the information in the tooltip box.

This is an example of what you could do.
Was This Post Helpful? 0
  • +
  • -

#11 andrewsw  Icon User is offline

  • Fire giant boob nipple gun!
  • member icon

Reputation: 3354
  • View blog
  • Posts: 11,353
  • Joined: 12-December 12

Re: hover image over text

Posted 25 August 2013 - 05:28 PM

View Postaaaaaa21, on 25 August 2013 - 10:55 PM, said:

andrew sorry but i cant edit, i dont have edit button.

I had already changed the title.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1