Images increase and decrease

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
sandy1028
Forum Commoner
Posts: 60
Joined: Thu Jul 26, 2007 3:56 am

Images increase and decrease

Post by sandy1028 »

Hi,

Please help me with the tutorials or links regarding....

How to increase and decrease image size dynamically as the amount of text increases.

I am using images for the tooltip.
In tooltip the amount of text dynamically increases and decreases... How to proceed with this.

Code: Select all

.ToolText
{
 position: relative;
text-decoration: none;
}

.ToolText p,div.roundcont
{
 display: none;
}
.ToolTextHover{position:relative; z-index: 100;}
.ToolTextHover div.roundcont
{
 display: block;
 position: absolute;
 z-index: 100;
font-weight: normal;
  color: #ffffff;
  text-align:left;
  text-indent: 12px;
  font-family: arial, helvetica, sans-serif;
  font-size: 20px;
  top: 25px;
  left: 70px;
  line-height:
}

Code: Select all

echo "<li class=\"ToolText\" onMouseOver=\"javascript:this.className='ToolTextHover'\" onMouseOut=\"javascript:this.className='ToolText'\">--".$text_line[0]."<span>$tool</span></li>";
User avatar
olog-hai
Forum Commoner
Posts: 34
Joined: Thu May 31, 2007 8:47 am
Location: Québec city, QC, Canada

Post by olog-hai »

Post Reply