Changing image credit to "on hover"

[bladefist]

Hi all,

Take a look http://www.cookingexchange.info/

Is there a way to at least make the image header link invisible unless you "mouse over" it?

The image changes but an example link that I want to alter is
Image credit: tonobalaguer / 123RF Stock Photo

Thanks

[smanaher]

Bladefist,
If you want to show credit when someone mouses over the image, you could just wrap the image in an <a> tag that has no destination and then put the credit in the title of the a tag.

So it would look like this

<a href=”#” title=” tonobalaguer / 123RF Stock Photo”><img src=”your/image.jpg” alt=”” /></a>

Hope that helps,

Shawn

[bladefist]

Bladefist,
If you want to show credit when someone mouses over the image, you could just wrap the image in an <a> tag that has no destination and then put the credit in the title of the a tag.

So it would look like this

<a href=”#” title=” tonobalaguer / 123RF Stock Photo”><img src=”your/image.jpg” alt=”” /></a>

Hope that helps,

Shawn

Thanks Shawn for the quick response. I should have included more details. Here's a sample of what I'm working with (it may not be syntactically correct).

<div id="slider" class="nivoSlider">


<img src='http://www.cookingexchange.info/wp-content/uploads/2013/03/8384725_xl-resized.jpg' alt='' title='#sliderCaption1' />

</div>
<div id="sliderCaption1" class="nivo-html-caption">

<p>Image credit: <a href="http://www.123rf.com/photo_8384725_blue-silver-kitchen-modern-architecture-decoration-interior-design.html">tonobalaguer / 123RF Stock Photo</a></p>
</div>

It's the image credit link above (it shows up as the red link under every slider image) that I want invisible unless someone "mouses over" it. Is this possible? Thanks again.

[mdsujaan]

you can follow this <a href=”#” title=” tonobalaguer / 123RF Stock Photo”><img src=”your/image.jpg” alt=”” /></a>

[felgall]

you can follow this <a href=”#” title=” tonobalaguer / 123RF Stock Photo”><img src=”your/image.jpg” alt=”” /></a>

Get rid of the unnecessary <a> tag. Just put the title on the img tag itself - title is valid on most tags that go in the body, you don't need to add extra tags to use it.

<img src=”your/image.jpg” title=” tonobalaguer / 123RF Stock Photo” alt=””/>

[bladefist]

Get rid of the unnecessary <a> tag. Just put the title on the img tag itself - title is valid on most tags that go in the body, you don't need to add extra tags to use it.

<img src=”your/image.jpg” title=” tonobalaguer / 123RF Stock Photo” alt=””/>

Thanks. One more question. What file do I have to edit for this? I can view the source by right clicking the home page. However it's a wordpress site and I'm not seeing an index.html file.

Thanks.