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
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,
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 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>
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.
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=””/>
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.
This topic is now closed. New replies are no longer allowed.