Tooltip with slideshow.

[SPD]

Hello.

I'm here again with my weird ideas...

Check this script:

http://www.superprodesign.com/spd/scripts/images/imgtootltip3.html

I mainly made it for IE users .. not because I don't like Netscape but because the majority of the people use IE5+

I would like to know:

1) This script works in Netscape? If yes, in which version(s)?
2) Would you like to add anything to it?
3) Do anybody in the forum knows how to make it function in Netscape?

Please note the smooth transition effect in the slideshow... that is also a feature!

Please comment on these points.

[Jona]

How about making the generator allow you to choose where the tooltip goes (top right, bottom right, top left, bottom left, etc.); and have the size of it also customizable. This shouldn't take much work... Just your X and Y positions, and your height and width. :)

[SPD]

Dear Jona...

I copied below some of the final generated code.

Look below in bold the option to adjust the height and width:

<!--Original script by SPD. Visit us for more scripts like this one at www.superprodesign.com Forbidden by copyright law to remove this comments under any situation. Enjoy! -->
<script>
<!--Please enter here the url of the image you want to display, between the "" as in the example below-->
imgurl54810="1.gif"
<!-- Please enter the HTML and CSS code to edit the content of your tooltip between the "" as in the example below. Please never press the "enter" key to make a new paragraph, just write everything in a row and use the HTML <br> tag instead. Also, never use " to sorround the variables of your HTML variables [never write, for example: <img src="1.gif">; instead, write <img src='1.gif'>]. Otherwise, the script will not work. If you need HTML or CSS help, visit our homepage -->
<!-- Enter here the HTML-CSS code # 1 between the between the "" as in the example below -->
code548100="<b>HTML-CSS</b> code for message # 1"
<!-- Enter here the HTML-CSS code # 2 between the between the "" as in the example below -->
code548101="<b>HTML-CSS</b> code for message # 2"
<!-- Enter here the HTML-CSS code # 3 between the between the "" as in the example below -->
code548102="<b>HTML-CSS</b> code for message # 3"
<!-- Enter here the HTML-CSS code # 4 between the between the "" as in the example below -->
code548103="<b>HTML-CSS</b> code for message # 4"
<!--Please enter the background color of the tooltip between the "" as in the example below-->
var154810="white"
<!--Please enter the external border width of the tooltip between the "" as in the example below-->
var254810="3px"
<!--Please enter the external border color of the tooltip between the "" as in the example below-->
var354810="black"
<!--Please enter the external border style of the tooltip between the "" as in the example below-->
var454810="groove"
<!--Please enter the padding of the tooltip between the "" as in the example below-->
var554810="5px"
<!--Please enter the width of the tooltip between the "" as in the example below-->
var654810="150px"
<!--Please enter the height of the tooltip between the "" as in the example below-->
var754810="100px"
<!--Please enter the time you want to wait in seconds or fractions for the message transition between the "" as in the example below-->
time54810="1"
<!-- Don't edit from now on -->


ETC...

Well, as far as the second request, I think it is also a nice idea. I will tell you when I have it in this forum...

Thank you for your suggestions to improve.

;)

[SPD]

Look at the link again...

http://www.superprodesign.com/spd/scripts/images/imgtootltip3.html

Now you can manipulate also the position of the tooltip...

Tell me what you think.

SPD

[Jona]

That's great! Although I was thinking more along the lines of the person being able to type in the width, height, x, y, z-index, etc., in form boxes rather than searching through the code, the script is pretty nice! Well done. :cool:

[SPD]

Dear Jona:

Thank you for your nice comments.

Now, let me tell you I was actually thinking of making more options available through form boxes, even if it is not hard to find it in the code itself (in every such scripts such variables appear in the very beggining and not further on) but seems to be too many people really like way you say...

Nevertheless, very good that you liked the update on the script. :)

[Jona]

Well, when you generate the code in the textarea, the variable names are seemingly irrelevant to their values. Of course, I understand this is to prevent the script from conflicting with other scripts on the page. But that, in my opinion, is what makes the code harder to read. Anyways, you're welcome for the suggestions.

[SPD]

Dear Jona:

Yes, that is exactly my porpose.

But you have only to read the fields you have to modify and that's all. Therefore, didn't seemed to me so terrible, because they are nevertheless indicated in the comments above every variable.

Now, the HTML-CSS code you enter as the content of the tooltip, has to be without the form boxes, so as not to limit the number of messages you enter. You can therefore enter two slides or two hundred, or anything in between...

[Jona]

That's cool. ;)