html - image text

[NozSpark]

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

 

[Apache]

In the forum here or on a website?

 

[NozSpark]

On my website,,

I'd like to add a description to the photos when you hover your mouse pointer over them and link to larger image when clicked (already doing this)..

 

[Dane]

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

 

[a1]

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.

 

[a1]

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

 

[M107]

All swahili to me

 

[batty]

All swahili to me

Double dutch to me.

 

[NozSpark]

sorry guy's

As I said the alt text is not what I'm looking for

What i'm after is a text box which appears when you roll over a thumbnail, it still needs to link to the main image.

 

[calltronics]

simplessss

Do it in css.

check out http://www.calibration-checkbox.com/pictures.html

If this is the type of effect your looking for let me know and I'll send you the css code.

 

[NozSpark]

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

 

[calltronics]

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?

 

[NozSpark]

exactly like that..... On the gallery and horrors pages on my website.

Sorry if I didn't make myself clear..

 

[Dane]

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....

 

[NozSpark]

Sounds good Dane...

new window I can do, but popup????

I've had a bit of a search and could put some java code in, but some places say that java isn't all that good..

 

[Dane]

<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>

 

[NozSpark]

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

 

[Dane]

can you send me a pm with details so i remember in the morning nick?

 

[NozSpark]

I've already changed it on my website, but I have backed up the previous version!!

 

[Dane]

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