html - image text

Talk Electrician Forum

Help Support Talk Electrician Forum:

This site may earn a commission from merchant affiliate links, including eBay, Amazon, and others.

NozSpark

Seaman stains™
Supporting Member
Joined
May 28, 2008
Messages
12,324
Reaction score
129
Location
North Wales Riviera
Just wondering if anyone knows how to have rollover text appear over images that are used as links. ---- I want to add a description to my photos

I can get it to work with title="...", but I want it to last longer than that allows.. I can also get it to work with text links (with overlib),,,,,, but it doesn't seem to work with image links....

Anyone got any ideas???

TIA

 
Find ure alt tags....

and it should be like this

<img src="???.jpg" alt="wrong way" /> No roll over here....

<img src="???.jpg"" alt="description of image" title="right way" />

This would create roll over

Remember not to remove the width etc...

like this

<img src="split-system-air-conditioning-unit-282538.jpg" alt="" width="119" height="119" align="right" /></span>

Above is Before....

<img src="split-system-air-conditioning-unit-282538.jpg" alt="air conditioning" title="rollover text working here"" width="119" height="119" align="right" />

Above is After adding the rollover text.

Is this what your wanting?

If not let me know :)

 
Title is for use on Text Links and Alt is used for Images. (That was the theory behind it).

So, Let me see if I have this correct?

You want a Clickable image as a link on your website. You want this to display info, such as Alt tag? And you want to add a title too? Or instead of?

Do you only want the one pic? Or do you actually want it to rollover as in two pics?

If the latter, Then there is no way (That I know of) that allows you to do this with HTML. - Only javascript.

 
<a href="Your webpage address here"><img src="image.gif" border="0" alt="text here">

 
Very nice, but not quite what I'm looking for..

If you have a look at my website gallery all the thumbnails link to the full size picture....

What I'm after is a rollover textbox for each picture... and also keep the links

 
just to clarify as I'm not sure I understand.

on opening the page you want to have all the pictures.

When mousing over the picture you want text to appear on top of the picture

When you click on the picture(or text) you want to overlay the larger picture

Is that correct?

 
Noz, just a suggestion, but maybe the gallery would be good if it opened the images without having to go to a new page? so they were a pop up type window with a "close button" at the bottom....

 
<a href="newbuild.html" target="_blank" width="250" height="250">

that would create a pop up window Noz...

The "newbuild.html" wants to be ure page, you would need to create a page for each image this way.

The width and height would be adjusted to a size you wanted.

Im sure there is another way to do it, but its far too early in a morning for me to look into how to do it.

Also i believe, on "lincs web hosting" there is a full y gallery package which would run a proper gallery with scrolling pictures, pop them up etc

Then

Where you want a close button

Insert this code as it is here

<form method="post">

<input type="button" value="Close Window"

onclick="window.close()">

</form>

 
Dane,

I've just found a gallery slideshow type thing (cooliris) that does what I want.. (I think)

It links to Flickr sets, so I don't have to host the images in my webspace.

Have a look and let me know what you think

Nick

 
Guiness DrinkGuiness Drink

i do like that :) looks 200x better :)

whats the chance of getting the back ground the same colour as the site??

Would look amazing then :)Guiness Drink

 
Top