Skip to main content
lukas8330
Participant
January 26, 2016
Question

Some words as links on image with mouseover effect ?

  • January 26, 2016
  • 2 replies
  • 249 views

Hi folks,

I am trying to solve this :

I have a picture on which you have some words in different areas. For the record, this will be a picture on a companies website which states "Our values".  Ok,..these words shall all be links to different sites of the website. And furthermore, and much more interesting is, that I want to have a "mouseover-effect" on each of the words. (e.g. word becomes bold or something similar).

Does anyone have an idea how to solve it ?

Thx in advance.

This topic has been closed for replies.

2 replies

Chuck Uebele
Community Expert
Community Expert
January 26, 2016

The design you can do in Photoshop. You create two images: one for the normal state, and the other for the mouse over. Then, as JJ mentioned, you use the slice tool to slice up the graphics into individual parts - if it is one big graphic. Otherwise you just save individual files for different button. After that, you need to use a program such as Dreamweaver, Muse, etc to build the site and make the mouse overs actually work. Photoshop doesn't do this.

JJMack
Community Expert
Community Expert
January 26, 2016

I think you want to slice up the images and have links and mouse over html effects for the slices.  Are you writing a Photoshop script to slice and the image and add text layers over the slices made by the script and write an html file?

JJMack